OpenServ
白色基底、衬线字形与渐变展示。
Replicate
白色基底、渐变展示与细线分隔。
页面以白色为基底。字体采用 RB Freigeist Neue、Basier Square。视觉特点包括渐变展示、细线分隔、分屏构图、满幅色块。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 日落渐变（洋红 → 余烬 → 金色，135deg）用于铺满画面的首屏背景、区块边框框架或强调色铺陈，绝不用于文字或图标填充。
- 每个按钮、标签、徽标、输入框和小型交互元素都采用9999px圆角；卡片、图片和代码编辑器采用0px圆角，形成平面与胶囊的对比。
- 展示标题采用RB Freigeist Neue、48–128px、1.0行高及-0.025em字间距；密实而纪念碑般的文字块就是品牌语气。
- 正文与UI文字采用Basier Square、14–16px、字重400–600及-0.025em字间距；正文绝不低于12px。
- 代码采用JetBrains Mono 14px，放在Bone White上，使用GitHub语法色板：关键字#d73a49、字符串#032f62、属性#005cc5、函数#6f42c1。
- 所有正文和图标都以#202020显示在#ffffff上，16:1对比度是视觉识别的一部分。
- 区块间隔使用64px，元素间隔8px；卡片内部内边距保持16px，边框为1px #d9d9d9极细线。
建议避免
- 不要引入彩色CTA；主要操作始终使用黑色填充（#000000 / #202020），次要操作采用无填充或描边样式。
- 不要将渐变用于文字、图标或按钮背景，它只属于表面与框架，并保持完全饱和。
- 不要为卡片、模态框或导航添加投影；系统是平坦的，改用1px Smoke边框进行分隔。
- 除Basier Square、Freigeist Neue和JetBrains Mono外，不要混入第三种字体。
- 按钮或标签不要使用较锐利的4–8px圆角；所有标签块式组件必须使用胶囊形（9999px）。
- 主要正文不要使用Graphite（#646464），它仅属于元信息或辅助层级；主要文字必须是Ink（#202020）。
- 不要将渐变去饱和、调暗或改成粉彩色调；鲜活的渐变本身就是系统。
