Buddy
白色基底、产品图像展示与胶囊形控件。
Mux
浅灰色基底、胶囊形控件与圆角卡片。
页面以浅灰色为基底，搭配近黑色文字。局部操作控件以橙色强调。字体采用 Aeonik、Rotonto。视觉特点包括胶囊形控件、圆角卡片、细线分隔、宽松留白。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 默认页面背景使用橄榄色画布 #e2e4dd，不要把根表面替换成白色。
- Rotonto 仅用于 50–66px 的首屏标题；24px 及以下的全部文字使用 Aeonik。
- 每处 Aeonik 都设置 0.0200em 字间距，并开启字体特性 'dlig' 和 'kern'。这种字间距是品牌语气的一部分。
- 所有卡片使用 28px 圆角，所有胶囊形按钮使用 112px 圆角。这两种尺度定义了柔和、手工打造般的几何形态。
- Ember Orange #ff6100 只作为实心 CTA 的填充色或激活状态出现，不用作文字颜色或装饰性强调色。
- 内容色带之间使用 1px 细线分隔，颜色为 #d0d2c8 或 #ffb200，不通过背景色变化或阴影分隔。
- AI 功能使用小型黄色 'AI' 徽章标记，字体为 12px 的 JetBrains Mono。这是系统标志性的标点。
建议避免
- 不要给卡片或面板添加投影。系统刻意保持平面感，纵深只来自表面颜色的对比。
- 不要将 Rotonto 用于副标题、正文或任何小于 50px 的文字。它厚实的形态专门留给首屏展示。
- 卡片圆角限定为 7px、14px 和 28px，不要再引入第三或第四种额外值。系统恰好有三种卡片圆角。
- 不要将 Ember Orange 用于页面区块或首屏背景等大面积填充。它是按钮与强调色，而不是表面颜色。
- Signal Blue #0091ff 不要用于非链接内容。它仅用于行内超链接文字和下划线。
- 等宽代码不要切换到其他 font-family。所有代码场景都必须一致使用 JetBrains Mono 或其替代字体。
- 任何字号的 Aeonik 都不要覆盖其 0.0200em 字间距。统一字间距是这套字体处理的关键特征。
