ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Face Formula
白色基底、渐变展示与摄影展示。
页面以白色为基底，搭配深青色文字。字体采用 Libre Caslon Condensed、Circular Pro。视觉特点包括渐变展示、摄影展示、衬线字形、分屏构图。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- Libre Caslon Condensed 字重 400，仅在 32px、52px 或 120px 时使用——其他尺寸、粗体变体或斜体均不可用
- 所有表面、按钮、卡片、输入框、徽章和图片均设置 0px 圆角——锐利是不可妥协的
- 使用悬空文本链接（Circular Pro 13px，大写，1px 下划线，深灰蓝 #3b505a）作为主要 CTA 模式，而非实心按钮
- 保持 8px 作为基础间距单位，区块和卡片内边距为 8 的倍数，微间距为 4-16px 的递增
- 在首屏中将字标设为 120px，字间距 -2.4px，且 FACE 与 FORMULA 之间的破折号作为固定构图元素
- 配色限制在八个中性色调内——禁止使用强调色、渐变或彩色高光
- 仅使用 Mist（#f2f5f8）作为唯一浅色表面色调，Deep Slate（#3b505a）作为唯一深色表面色调；Soft Mist（#e6ebee）是二者之间的单一过渡色
建议避免
- 不得引入任何有色彩的色值——禁止使用绿色、蓝色、红色或暖色点缀；6% 的色彩度是品牌特征
- 不得使用实心按钮、胶囊形控件或圆角——整个系统保持锐利边缘和默认悬空状态
- 不得添加阴影、光晕或模糊效果——深度仅来自表面色彩对比，绝不来自层级堆叠
- 不得在 16px 以上或粗体字重使用 Circular Pro——若需更大字号，应切换至 Libre Caslon Condensed
- 不得在小于 32px 时使用 Libre Caslon Condensed——在小尺寸下无衬线比例会变得难以辨认，且削弱了编辑性表达
- 正文或多行文本块不得居中对齐——编辑类布局一律左对齐；仅在部分章节标题和短标签中允许居中
- 单屏上不得同时使用超过两种字体，避免相互竞争——字标或正文必须主导，绝不能并列同等重要
