Buddy
白色基底、产品图像展示与胶囊形控件。
Tomorro
白色基底、衬线字形与居中构图。
页面以白色为基底，搭配橄榄绿色文字。字体采用 Ozik、Aeonik。视觉特点包括衬线字形、居中构图、网格布局、满幅色块。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- #68ef3f Electric Sprout是唯一彩色填充操作色，每个主要CTA、每个“AI”强调词、激活状态和聚焦环都使用这一种绿色。
- 展示标题采用Ozik 700，行高0.86-0.90，letter-spacing为-0.01em至-0.014em；压缩叠排是标志性特征，而非仅靠字号。
- 页面分区在#122314 Forest Depths与#ffffff Pure White之间交替，绝不用渐变混合，对比横带就是节奏。
- 导航、主要胶囊和高信任CTA采用28px border-radius，8px留给紧凑工具按钮，16-24px留给卡片。
- 所有正文采用Aeonik 400，按钮标签和小标签Aeonik 500-600；绝不要将正文提高到700进行强调，改为把一个词切换为Electric Sprout。
- 每个深色分区卡片、按钮和输入框都采用1px的#30322a深画布细线边框；深色表面需要可见框架，才能像组件。
- 悬浮产品模型卡片倾斜4-8度，叠放2-3层并配层叠阴影；平直产品截图会在深色画布上消失。
建议避免
- 不要引入第二种强调色，系统没有次级品牌色；操作无法使用Sprout时，退回Pure White或Onyx Olive描边按钮，绝不用其他色相。
- #273f2b Moss Shadow不要作为背景，它是文字与边框色；表面只采用Forest Depths深色、Pure White浅色或Bone White抬升卡片。
- 平面卡片、徽章或按钮不要采用投影，抬升只留给悬浮导航和倾斜产品模型。
- 正文不要采用500或更高字重；层级依靠Electric Sprout单词切换与字号跳跃，而非加粗。
- 不要用5px或7px打破8px间距节奏，唯一例外是徽章纵向内边距4px和图标微调3px，其余尺寸均为8的倍数。
- 正文或长标题不要采用Instrument Serif，它只以16-32px出现在徽章、说明或唯一强调标题行中。
- 深色上不要使用渐变文字，渐变只留给氛围球体，标题与正文为Pure White、Onyx Olive或Electric Sprout平面填充。
