ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Antimetal
浅灰色基底、细线分隔与扁平表面。
页面以浅灰色为基底，搭配近黑色文字。字体采用 Test Signifier、Geist。视觉特点包括细线分隔、扁平表面、衬线字形、等宽字体。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有标题均使用 Test Signifier 字重 400——绝不使用粗体，整个品牌调性依赖于常规字重的静谧权威来完成展示工作
- 所有分隔线及折叠面板分隔处使用 1px 虚线边框，颜色为 #1a1614，不透明度 10%；仅按钮轮廓和导航胶囊使用实线
- 每个主要 CTA（深色胶囊）必须搭配一个次级透明描边按钮；绝不允许深色胶囊在按钮组中单独出现
- 为每个主要区块编号，使用 Geist Mono 的 10–11px 全大写标记，字间距为 0.1em、颜色为 #66635f，格式为 "05 · SECTION NAME"。
- 保持画布背景为 #d7d7d0（暖灰），表面为 #f7f6f3（奶油色）；绝不使用纯白或纯黑——温暖的色调是标志性的
- 将黄绿色 #e2e67d 仅用于单元素强调（一个徽章、一个高亮、一个点）；它绝不能作为大面积表面的填充色
- 导航胶囊使用 82px 胶囊半径，按钮使用 9999px；卡片和分隔线保持矩形，边框 0–4px
建议避免
- 绝不加粗任何标题——Test Signifier 字重 400 是不可更改的；引入 600/700 会破坏编辑风格
- 绝不为内容分隔线使用实线边框；页面内唯一允许的细线处理是 1px 虚线
- 每个视口内绝不出现超过一个填充深色按钮；深色胶囊重复时会失去权威性
- 绝不使用饱和的蓝色、红色或绿色用于按钮或提示；唯一有色彩的元素是去饱和的黄绿色点缀
- 绝不为卡片或内容块添加阴影；深度仅通过液态玻璃导航和暖灰色层叠实现
- 绝不将正文置于衬线字体中——Geist 负责所有正文、导航和 UI；衬线字体仅用于展示
- 绝不将网络/蒲公英图形用于除首屏之外的场景；它是一个独特标志，而非可复用的图案
