Headspace
近白色基底、紧密字距与分屏构图。
2.AG
近白色基底、胶囊形控件与网格布局。
页面以近白色为基底，搭配近黑色文字。局部操作控件以绿色强调。字体采用 Inter Tight、Inter。视觉特点包括胶囊形控件、网格布局、紧密字距、渐变展示。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 所有标题和 CTA 都使用 Inter Tight 字重 500；600 只留给徽章和激活筛选标签。
- Mint #2ecea0 只用于实心操作、激活圆点和剂量徽章，绝不用作白底正文。
- 任何引入证据点、统计或科学主张的区块，都以 Deep Teal #244d54 为背景。
- 所有主要操作按钮都使用 30px 至 50px 的胶囊圆角。圆润感传达身体护理品类。
- 所有 10–12px 的全大写标签和成分提示，都设置 0.09–0.10em 字间距，形成处方标签节奏。
- 从 #6dddbd 至 #2ecea0 的垂直渐变，通过 background-clip text 只应用于 48px+ 的大型统计数字，绝不用在正文中。
- 区块背景保持 Paper #ffffff 与 Deep Teal #244d54 交替，维持临床式、富有节奏的页面浏览。
建议避免
- 不要引入新彩色。系统刻意以中性色阶上的 Deep Teal + Mint 双色构成。
- 按钮或徽章不要使用锐利的 0–4px 圆角。品牌柔和感由胶囊形承担。
- 小于 16px 的正文字号，不要将 Mint 文字放在白底；对比会低于无障碍阈值。
- 不要使用重 box shadows 制造悬浮。设计系统依靠 #e5e7eb 或 #000000 细线边框与表面颜色变化。
- 同一行文字不要混用 Inter 和 Inter Tight。每个内容区块只选一种字体。
- 小于 24px 的字号，字间距不要紧于 -0.05em。小字号过紧会让字形相撞。
- 不要在现有配色之外添加装饰，不使用紫、红或暖中性色。冷蓝绿系统就是品牌。
