Headspace
近白色基底、紧密字距与分屏构图。
Tedy
白色基底、渐变展示与分屏构图。
页面以白色为基底。局部操作控件以粉色强调。字体采用 Montreal Neue、Georgia。视觉特点包括渐变展示、分屏构图、胶囊形控件、宽松留白。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 标题使用 56px+，行高低于 1.0，字间距为 -0.025em 至 -0.065em。这是系统标志性的文字处理。
- Raspberry Pulse #fd1774 仅用于主要 CTA 的填充及其配套阴影，绝不用于文字、图标或装饰元素。
- 所有卡片、图像和徽章使用 32px 圆角，所有按钮和导航胶囊使用 999px；任何位置都不设锐利直角。
- 正文采用 17px 字号、1.43 行高和极轻微的 -0.005em 字间距，让文字充分呼吸。疏朗正文与紧密标题的对比构成节奏。
- 在白色卡片背后叠放薰衣草色、薄荷色、奶油黄色和天空蓝的粉彩表面，通过这些色调而非阴影建立区块层级。
- 内容居中，最大宽度为 1200px，区块间距为 80px。宽敞感是品牌的一部分。
- 导航、按钮和标签使用 Montreal Neue 字重 500；正文与描述文字使用字重 400。
- 首屏和关键功能区域放置彩色径向渐变环境辉光，让留白像被光线照亮。
建议避免
- 不要引入第二种高饱和色。整套强调系统依赖 Raspberry Pulse 作为唯一的强烈色相。
- 正文不要采用展示文字的字间距，即 -0.04em 或更紧密的间距。字间距必须随字号调整。
- 卡片或图像不要使用锐利的 0-4px 圆角。系统统一采用圆润形态。
- 不要为非 CTA 元素应用 Raspberry Pulse 阴影。彩色阴影只留给主要操作。
- 除了认证按钮和有意设计的深色卡片，不要使用深色界面表面。浅色模式是结构原则。
- 展示文字的行高不要超过 1.05。海报般紧密叠放的文字是不可缺少的特征。
- 不要增加新字体。Montreal Neue 承担整套系统，Georgia 仅作为一次性的强调使用。
- 能通过颜色对比区分时，不要添加边框。粉彩与白色的关系比细线更干净。
- 真正的标题不要使用小于 56px 的展示字号。字号尺度的跳跃是有意设计。
