精选 · 开放 · 免费

Jupi

为驾驭 AI 驱动速度的科技领导者打造的精致、浅色主题决策系统。

01

设计气质 DNA

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

02

色彩

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

03

字体

geometric-sans · humanist-sans · monospace

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

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

04

间距

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

05

表面 (圆角 / 阴影 / 边线)

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)

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

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

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

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko