ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Oura Ring
暖白色基底、胶囊形控件与圆角卡片。
页面以暖白色为基底。字体采用 AkkuratLL、Editorial New。视觉特点包括胶囊形控件、圆角卡片、细线分隔、衬线字形。适合参考的场景：健康产品介绍页、服务展示页。
查看原始网站使用规范
建议采用
- 仅在30px及以上显示标题中使用 Editorial New —— 任何正文或UI标签均不可使用
- 正文行高设为1.5，显示文本行高设为1.0–1.25 —— 显著的空气感标题与透气的正文之间的对比是系统的核心特征
- 所有卡片和图片使用8px圆角，所有按钮使用9999px圆角，输入框使用12px圆角——这三个圆角值定义了系统的几何结构
- 在40px及以上字号时使用负字间距（-0.025em 至 -0.05em）；在12–14px的小字号文本中使用0.025–0.05em正字间距，以提升微标签的精致感
- 默认背景色为#f7f1e8奶油色；仅在需要在深色背景上实现反差时才使用#ffffff
- 使用#5b6550橄榄绿作为唯一的色彩点缀——仅限图标描边和装饰性场景，禁止用于文本或按钮
- 在长篇布局中保持80px的区块间距；在产品卡片网格中压缩为40px
建议避免
- 不可将Editorial New用于正文、导航项、按钮标签或任何小于30px的文本——衬线字体仅限标题显示
- 不可使用纯#ffffff作为页面背景——温暖的奶油色#f7f1e8才是赋予系统触感特征的关键
- 不可为卡片或面板添加阴影效果——应使用1px #ececec边框和表面层次差异来实现区分
- 不可将#5b6550用于行动号召按钮、链接或正文文本——它仅作为装饰性点缀
- 单个视图中不可同时使用超过两种字体——标题使用Editorial New，其余内容使用AkkuratLL
- 不可使用饱和度极高的色彩或明亮色调——整个配色体系存在于低饱和的温暖区域
- 不可打破矩形按钮9999px圆角的惯例——所有按钮均为胶囊形
- 小字号文本（12–14px）不可使用过密字间距——必须使用0.025–0.05em正字间距以保证呼吸感
