ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Symbolic.ai
暖白色基底、衬线字形与非对称构图。
页面以暖白色为基底，搭配近黑色文字。字体采用 Suisse Works、Open Runde。视觉特点包括衬线字形、非对称构图、大字排版、摄影展示。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 使用 #fdfcf5 作为页面背景，仅用 #ffffff 用于卡片和抬升表面——暖色与冷色之间的对比是系统的基础
- 所有 20px 及以上标题使用 Suisse Works（或 GT Sectra）；绝不以无衬线字体替代编辑性展示字体
- 为所有卡片应用温暖的黄褐色阴影 rgba(213, 208, 184, 0.4) 0px 2px 6px ——绝不使用冷灰阴影
- 标准卡片和输入控件使用 8px 圆角，大型功能展示卡片使用 24px，所有按钮和 AI 处理指示器使用 10000px（胶囊形）
- 使用 Ink Black（#000000）作为唯一主要操作色——CTA 按钮需实心黑色填充，不使用渐变，不使用色彩替代
- 将 Editorial Teal（#10756a）保留用于验证和‘正确’状态；将 AI Violet（#6938ef）保留用于活跃处理标签
- 在 Geist Mono 中使用现在分词形式的 AI 标签并带尾部省略号（'正在改写...'，'事实核查...'）——动词进行时是系统表达‘机器正在工作’的主要方式
建议避免
- 不要引入彩色 CTA 按钮——黑底白字是系统唯一的操作语言
- 不要使用纯白色（#ffffff）作为页面背景——整个氛围由奶油底色（#fdfcf5）构成
- 不要使用冷灰阴影（rgba(0,0,0,...)）——所有抬升必须基于温暖的黄褐色底色
- 不要在 20px 以上标题中混用无衬线字体——衬线与无衬线的区分是结构性的，而非装饰性的
- 不要将 Stamp Red（#f42c2b）用于按钮、错误提示或破坏性操作——红色仅保留用于编辑性印章点缀
- 不要扁平化字级体系 — Suisse Works Book (450) 是标题字重；不要为强调提升到 Bold (700)，应使用字号和行高
- 不要添加强于 0.4 不透明度的投影阴影——系统始终仅限于柔和的印刷纸张抬升效果，绝不会出现悬停 UI 面板
