Headspace
近白色基底、紧密字距与分屏构图。
Finn
白色基底、胶囊形控件与圆角卡片。
页面以白色为基底，搭配深橙色文字。局部操作控件以深蓝色强调。字体采用 Larsseit、Athletics。视觉特点包括胶囊形控件、圆角卡片、网格布局、大幅图像展示。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 每个按钮、输入框和标签都采用60px圆角，交互元素绝不方形或直角。
- 每个填充CTA都配末尾向右箭头→字形，作为按钮标签的一部分。
- 所有正文和标题文字都采用#321004 Cocoa Bean，不引入纯黑#000000。
- 展示标题采用Athletics Medium，字间距0.05–0.10em，行高紧密为0.72–1.04。
- 层级通过Fog Gray #f9f9f9卡片表面或1px #ebebeb细线分隔，绝不用box-shadow。
- 分区背景在白色、Blush Petal、Sky Powder和Midnight Ink之间交替，建立页面节奏。
- Blush Petal #ffcfdb、Sky Powder #d7ecff和Mint Tide #60c4bf，作为各自对应产品SKU的配对色洗。
建议避免
- 任何元素都不要添加box-shadow，系统刻意通过色块而非抬升表达深度。
- 绿色#3aaf3a只用于功效勾选图标，不用于其他内容，它纯粹功能性。
- CTA不要缺少末尾→箭头，它是品牌按钮语言的一部分。
- 文字不要使用纯黑#000000或#1a202c，Cocoa Bean #321004是系统文字色。
- 同一行按钮不要混用60px胶囊圆角与方角。
- 任何地方都不要使用渐变，调色板平面、干净，以色洗为基础。
- 不要引入新强调色相，系统刻意限定为藏青色、棕、橘、粉、蓝和青绿。
