Jupi

一个冷静、专注的指挥中心，用于处理高风险的战略决策。

在柔和、温暖的灰白色背景上使用高对比度的墨色，为严肃的决策环境营造冷静、专注的氛围。

geometric-sans · humanist-sans · monospace

• display36px · 400
• headline36px · 500
• body16px · 400
• caption11px · 400

使用几何无衬线字体用于大号展示文本和标题 · 使用人文无衬线字体用于正文和界面文本 · 使用等宽字体用于代码片段和技术内容

通过 8 倍数的 padding 和 gap 强制执行 8px 的垂直节奏。

1px solid rgba(0,0,0,0.09)

0px 1px 8px -2px rgba(0,0,0,0.06) · 0px 4px 7px 0px rgba(0,0,0,0.05) · 0px 1px 2px 0px rgba(0,0,0,0.07)

居中的单栏主视觉布局，主文本区域嵌套在浅色卡片中。

悬停时细微的透明度过渡 · 交互元素上平滑的颜色和背景色过渡

交互元素上细微的背景或颜色变化。 · 通过颜色或透明度变化提供即时视觉反馈。

• button 药丸形状，对比度高；黑色填充或浅色填充，带有细微阴影。
• card 浅灰白色容器，带有细微内阴影和柔和边框。
• chip 小型圆角矩形，用于快速选择选项。
• input 大号文本区域，带有柔和阴影和圆角。
• hero 以居中文本为主的部分，包含一个大号、加粗的声明和辅助副标题。

• 语气 自信、直接且专业。
• 标题风格 简洁、有力的陈述，用于框定问题或洞察。
• 按钮文案 以行动为导向且清晰，使用‘交谈’或‘尝试’等动词。

• 不要使用鲜艳、饱和的强调色——截图显示严格的单色调色板，背景为暖灰白色。
• 不要使用厚重的投影——截图显示非常细微、柔和的阴影以营造深度。
• 不要使用尖锐的 90 度角——截图显示一致的圆角，甚至在按钮上也是如此。
• 不要对标题使用纤细、轻质的字体——截图显示展示文本和正文文本之间有明显的字重对比。
• 不要使用宽大、块状的布局——截图显示居中、通风的布局，带有充裕的留白。
• 不要使用复杂、多彩的渐变——截图显示细微、近乎单色的背景变化。
• 避免: 标题中使用过多行话或过于技术性的语言
• 避免: 使用俏皮或非正式的语言，这会削弱决策的严肃性
• 避免: 使用模糊或被动的措辞

历史提取与模型分析 · 尚未逐项校验