Headspace
近白色基底、紧密字距与分屏构图。
Bumble
白色基底、胶囊形控件与摄影展示。
页面以白色为基底，搭配近黑色文字。字体采用 BumbleSans。视觉特点包括胶囊形控件、摄影展示、大字排版、单栏阅读排版。适合参考的场景：摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 使用 #ffdb5b 作为满幅区域背景或大卡片边框——禁止用作小面积点缀或按钮填充。
- 将主要操作按钮设为 #202020 填充，文字使用 #ffffff，圆角为16px；保留黄色用于传递品牌温度，而非点击反馈。
- 卡片圆角设定在16-24px之间；仅在徽章和标签中使用1000px。
- 为需要脱离页面的白色卡片应用单一细微阴影（rgba(32,32,32,0.12) 0px 1px 8px 0px）——避免叠加或增强阴影。
- 在所有BumbleSans字号中保持正字间距（0.007-0.02em）；正是这种设置赋予了文字温暖、开放的节奏感。
- 以多样主体的生活摄影作为主要视觉内容；让人物主导，让UI退居二线。
- 保持24-32px的卡片内边距和64px的区块间距，以维持舒适、从容的节奏感。
建议避免
- 禁止将 #ffdb5b 用作按钮或行动号召（CTA）填充——该颜色在本系统中不具备可点击的暗示，会与深色操作按钮产生冲突。
- 禁止引入额外色彩（蓝色、绿色、红色）用于状态或分类——系统为单色加一抹黄色，增加其他色彩会破坏品牌一致性。
- 禁止使用锐利的边角（0-4px）于卡片、按钮或导航元素；16-24px的柔和圆角是不可妥协的。
- 正文不得小于 15px，也不要使用 300 字重；BumbleSans 从 400 字重起步，系统的最小字号为 15px。
- 禁止使用厚重的投影、彩色投影或多层投影叠加；唯一被批准的阴影是12%不透明度的轻描。
- 禁止使用全透明黑色（#000000）——所有文字和交互元素均使用 #202020；轻微的暖调是刻意设计的。
- 禁止对正文段落进行居中对齐；系统中所有说明性文字均采用左对齐，仅在首屏展示中保留居中对齐。
