Buddy
白色基底、产品图像展示与胶囊形控件。
Convex
近白色基底、产品图像展示与紧密字距。
页面以近白色为基底，搭配近黑色文字。字体采用 GT America、ui-monospace / monospace。视觉特点包括产品图像展示、紧密字距、细线分隔、分屏构图。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 正文采用GT America 400/500，强调700，绝不引入第二种无衬线字体。
- -0.05em字间距仅用于56px展示文字，40-36px标题采用-0.025em，10-12px大写眉题标签采用0.025-0.05em。
- 按钮圆角8px，卡片和导航胶囊12px，标签及小标签块4px。
- 深色代码块保持#141414，使用13px等宽字体与强调色板中的语法色。
- 默认页面背景采用奶油色#f6f6f6画布，只有明确的产品或渐变首屏场景才切换为深色区块。
- 卡片内部元素间隔12px、卡片内边距24px，主要区块之间64px。
- 浅色表面的卡片分隔优先采用#e5e5e5极细边框，而非阴影。
建议避免
- 不要为卡片或按钮添加投影，分隔仅来自颜色和1px边框。
- 语法高亮色（粉、紫罗兰、绿、黄）不要用于代码块以外，它们有语义而非装饰性。
- 浅色或奶油色区块不要将#69bee2（信号蓝）用作填充CTA，它仅用于深色区块操作。
- 除已记录的暮色渐变深色区块背景外，不要为UI元素引入渐变。
- 大型文字或背景不要使用纯黑#000000，#141414是允许的最深色调。
- 圆角不要超过16px，系统方正紧凑，而非柔软圆润。
- 正文不要低于14px或高于18px，GT America为狭窄的中等尺度调校。
