Headspace
近白色基底、紧密字距与分屏构图。
使用规范
建议采用
- 使用 Paper White（#ffffff）作为默认画布，Cloud Card（#ebf0f8）用于大型功能展示表面。
- 展示标题使用 Ink（#222326），字重 600；在 40px、64px 和 80px 的字号层级使用 -0.03em 字间距。
- 使用80px的垂直区域间距和32px的内部内边距，用于云功能卡片。
- 公开下载按钮使用 128px 圆角半径、8px 16px 内边距、Charcoal（#1f2025）填充和 Cloud Card（#ebf0f8）文字。
- 卡片使用 24px 或 32px 圆角半径，产品图像使用 16px-24px 圆角半径。
- Body Gray（#747679）辅助文案保持 24px/31.2px 字号/行高，字重 400。
- 将 Recovery Green（#31ce01）、Metric Blue（#415eee）、Sleep Lilac（#b9a6ff）和 Coral Signal（#ffab94）限于健康数据视觉和柔和底色。
建议避免
- 不要将饱和的指标颜色用作通用页面背景或填充型公开转化按钮。
- 不要让大标题超过 600 字重，也不要移除其 -0.03em 字间距。
- 不要使用方形按钮；公开下载控件需要 128px 圆角半径。
- 不要为云功能卡片添加可见的边框；使用#ebf0f8的表面，且无边框、无阴影。
- 不要用密集的 24px-40px 堆叠区块替代 80px 的区块节奏。
- 不要在卡片上使用厚重投影；将 rgba(0, 0, 0, 0.25) 0px 0px 16px -8px 阴影保留用于浮动图像。
- 不要将 Body Gray（#747679）辅助文案变成黑色或 600 字重文字。
