Headspace
近白色基底、紧密字距与分屏构图。
Baba
暖白色基底、紧密字距与分屏构图。
页面以暖白色为基底，搭配深橙色文字。字体采用 Söhne、Atkinson Hyperlegible Next。视觉特点包括紧密字距、分屏构图、非对称构图、大幅摄影展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 使用 Cream Paper #faf9f1 作为默认信息画布，使用 Ink #2a1d18 作为主要文本颜色。
- 显示标题使用 Söhne 字重 600，字间距 -0.03em，字号 56px 和 68px。
- 使用 Atkinson Hyperlegible Next 15px/24.375px 字重 400 用于公共导航。
- 矩形转化按钮使用 12px 圆角和 20px 水平内边距。
- 照片叠加状态标签使用 9999px 圆角和 12px 16px 内边距。
- 为大红色面板和图像裁剪保留 32px 圆角；标准白色卡片使用 16px 圆角。
- FAQ 行之间使用 1px Paper Divider #ede7e2 分隔线和 24px 垂直间距。
建议避免
- 不要将 #ea1111 用作所有红色表面的填充色；仅使用 Baba Red #bc2823 用于页面大范围带状区域，仅在填充型转化控件中使用 Signal Red。
- 不要将 Cream Paper #faf9f1 替换为纯白色作为主页面画布。
- 不要在显示标题中使用 Atkinson Hyperlegible Next 或在正文内容中使用超大尺寸的 Söhne 显示字体。
- 不要在标准按钮上使用胶囊控件圆角；保持按钮为 12px 圆角，胶囊控件为 9999px 圆角。
- 不要为每个卡片添加厚重的通用阴影；仅使用 0 1px 3px / 0 1px 2px 阴影或 0 12px 30px Ink 阴影用于悬浮护理卡片。
- 不要在红色、奶油色、粉色调和墨色系统中引入冷蓝色、紫色或绿色界面辅助色。
- 不要将折叠问题框在圆角卡片中；保持其为奶油色画布上的规则行。
