ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Maze
近白色基底、细线分隔与衬线字形。
页面以近白色为基底，搭配近黑色文字。字体采用 Phonic、System UI Sans。视觉特点包括细线分隔、衬线字形、摄影展示。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 在所有展示和标题中使用 Phonic 字体 300 字重；正文和 UI 元素使用 400 字重
- 卡片默认使用 12px 圆角，按钮使用 8px，徽章使用 4px — 圆角层级狭窄且有明确意图
- 将 #f5f4f0（骨色）作为页面画布；仅在需要脱离画布的卡片和输入框中使用 #ffffff
- 让翠绿色（#dbf570）仅作为少量功能性点缀 — 一个徽章、一个标签、一个球形元素 — 从不作为大面积的 UI 色彩
- 紧缩标题字间距：在 90px 时为 –6.3px，按比例缩放，使最大字号下字母几乎相接
- 保持按钮低调：使用墨色填充或墨色描边，8px 圆角，12px × 20px 内边距，无阴影，无渐变
- 使用薰衣草色（#b8a3ff）满幅覆盖用于区块分隔，以形成与骨色画布的对比
建议避免
- 不要使用无衬线字体作为标题 — Phonic 衬线字体 300 字重是品牌声音；替换为粗体无衬线字体会破坏编辑性调性
- 不要为卡片添加厚重的边框阴影 — 系统刻意保持扁平，层级感仅通过细线实现
- 不要将翠绿色用作 CTA 背景 — 它是标签和图案的高亮色，而非行动色；墨色才是行动色
- 不要将展示文本设置为行高 1.4 以上 — 标题保持紧凑（1.00–1.10），以保持衬线字体的建筑感节奏
- 不要引入超出配色方案三色（翠绿色、橄榄绿、薰衣草）之外的任何新色彩 — 每增加一个色相都会稀释骨色纸张系统
- 不要将 #000000 用作正文文字 — 文字颜色应为 Ink（#1c1c1c）；#000 保留用于公告栏和细线边框
- 不要在卡片中居中对齐正文段落 — 仅允许区块标题和首屏文案居中；学习卡内容保持左对齐
