Buddy
白色基底、产品图像展示与胶囊形控件。
Reworkd
白色基底、圆角卡片与渐变展示。
页面以白色为基底，搭配深蓝色文字。局部操作控件以蓝色强调。字体采用 Selecta、Suisse Intl。视觉特点包括圆角卡片、渐变展示、细线分隔、衬线字形。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 仅在展示标题（40px及以上）中使用 Selecta 衬线字体，绝不用于正文——无衬线与衬线的区分是系统的标志性特征。
- 所有矩形表面（按钮、卡片、输入框、导航）使用6px圆角，仅在胶囊形控件、标签和圆形图标中使用9999px圆角——禁止混合使用8px或12px等中间圆角值。
- 将蓝色渐变（88,151,247 → 56,114,230）应用于首屏标题的第二行，以实现‘数据提取’效果——第一行保持实色Ink。
- 仅在首屏产品原型和悬停状态中使用分层卡片阴影堆叠；静态功能卡片仅使用1px Pale Slate细线边框，无阴影。
- 首屏置于薰衣草雾到白色线性渐变的径向极光效果之上；禁止使用纯白色首屏。
- Mint Pulse（#89ecb0）仅用于“运行中”状态和成功状态；不要额外引入用于装饰的绿色。
- 在所有大于40px的Selecta字体中采用紧密的负字间距（减至-0.025em），在Suisse Intl正文和标签中切换为正字间距（0.01–0.05em）。
建议避免
- 不要在任何非操作元素中使用Cobalt（#3e79ea）——该色仅用于主要CTA按钮，是唯一允许填充的彩色按钮。
- 不要将衬线标题与衬线正文搭配——Selecta必须在18px以下不出现；在副标题层级必须过渡到Suisse Intl。
- 不要使用中间边框圆角（8px、10px、12px）——系统承诺矩形元素使用6px，胶囊元素使用9999px。
- 不要在状态徽章以外添加绿色装饰；Mint Pulse只表示运行中或成功，不承担其他含义。
- 不要在正文、按钮或副标题中使用蓝色渐变——该渐变仅用于展示标题。
- 不要为卡片或区块使用深色背景——配色体系为日间环境；Ink仅用于文字和边框，禁止大面积填充。
- 不要引入额外的蓝色或紫色调——配色体系中仅有两种蓝色（Iris Blue #3161df 和 Cobalt #3e79ea）加上 Sky Glow #3e9ed0 用于次要点缀。
