01
设计气质 DNA
高端生产力AI速度专业
您的收件箱和工作流程专属的高端私人俱乐部
02
色彩
#734cb6Accent#292827Ink#ffffffInk soft#f2f0ebBG#ebe9e2BG quietrgba(255,255,255,0.05)Line暖调米白背景上的高对比度墨黑色，辅以紫色点缀
03
字体
- display
64px · 500 - headline
48px · 500 - body-lg
20px · 400 - body
16px · 400 - caption
14px · 400
标题使用紧凑的字间距（-1px 至 -1.5px） · 正文使用系统默认字体堆栈以优化性能 · 字重 600 保留用于导航和按钮
04
间距
4px8px16px24px32px48px64px96px基于8px的统一垂直节奏，用于间距和对齐
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
使用墨黑色或白色的1px细边框，保持低不透明度
0 0 0 1px rgba(113,76,182,1) inset · 0 0 0 1px rgba(255,255,255,0.95) inset
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
主视觉区域采用不对称的双栏布局，UI元素相互重叠
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
悬停时平滑的颜色过渡（0.2s ease-in-out） · UI状态变化时的细微不透明度过渡（1s ease-in-out）
细微的背景色偏移和边框颜色变化 · 带有颜色过渡的即时视觉反馈
08
组件
- button 药丸形状，深色背景，带有紫色状态变化
- card 半透明面板，带细边框和圆角
- chip 小型药丸状，带边框，用于状态和标签
- input 简洁的文本框，带细微的下边框
- hero 大面积渐变背景，居中排版，与界面模型图层叠
09
文案语气与禁用清单
- 语气 自信、高端、赋能
- 标题风格 关于超能力和生产力提升的大胆陈述
- 按钮文案 直接且以行动为导向（例如：“获得超能力”、“了解更多”）
- 不要使用深色主背景——截图显示使用浅米白色（#f2f0eb）作为主画布
- 不要对所有操作都使用全圆角药丸按钮——截图显示圆角矩形和药丸形状混合使用
- 不要使用明亮的饱和强调色——截图显示使用柔和的紫色（#734cb6）作为主要强调色
- 不要使用厚重的投影——截图显示仅使用细微的内边框效果
- 不要在标题中使用宽字间距——截图显示使用紧凑的负字间距（-1px 至 -1.5px）
- 不要使用居中对齐的正文——截图显示为了可读性，段落采用左对齐
- 避免: 随意俚语
- 避免: 过于技术性的行话
- 避免: 被动语态
- 避免: 不确定的语言
10
包内真实截图
11
System Prompt
Superhuman 是一款面向专业人士的高端AI驱动生产力套件。将其定位为一款能够提升电子邮件、文档和AI助手速度与效率的专属工具。关键色彩包括暖调米白背景色（#f2f0eb）、近黑色墨色（#292827）以及柔和的紫色强调色（#734cb6）。字体类别采用几何无衬线字体，标题使用紧凑字间距。关键设计约束：绝不使用深色模式作为默认设置，避免过于活泼或随意的视觉处理，并通过不对称布局保持充裕的留白。界面应感觉精致、快速且专业——绝不杂乱或平庸。