Buddy
白色基底、产品图像展示与胶囊形控件。
CQCM
白色基底、胶囊形控件与大字排版。
页面以白色为基底，搭配近黑色文字。字体采用 Athletics、Manrope。视觉特点包括胶囊形控件、大字排版、宽松留白、网格布局。适合参考的场景：产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 所有展示和徽章文字都采用Athletics 400–500与0.04em letter-spacing；宽字间距是品牌排版身份，而非风格选项。
- 胶囊按钮采用100px圆角、#000000填充、#ffffff文字，文字为Manrope 14–16px全大写。
- #44d991（Cooperative Green）作为主导彩色表面，用于首屏、统计块和装饰圆点，而非按钮或文字强调。
- 蓝色（#4c92e9）新闻卡片中的图像裁成圆形；圆形只保留给图像。
- 统计块叠成5块阶梯，相邻块之间纵横偏移约30px。
- 白色显得过于冷静时，柔和卡片和导航表面使用#eaf9f2（Mint Whisper）。
- 导航项之间采用20–30px横向间隙，导航保持单条非吸顶白色栏。
建议避免
- 任何彩色都不要作为按钮填充；按钮始终为#000000或描边，彩色只用于表面与装饰。
- 卡片、按钮或内容不要添加阴影；系统刻意平面，唯一阴影是导航栏柔和光晕。
- 正文不要混入Athletics，首屏标题不要混入Manrope；字体分工严格，Athletics展示，Manrope阅读。
- Manrope字间距不要紧于0.01em，Athletics不要紧于0.04em；放宽字间距是品牌具有呼吸感、法语机构气质的一部分。
- 珊瑚色（#ff6a51）每个表面不要使用超过一次；它是单音标点，而非系统色。
- 按钮不要采用方角；100px胶囊是唯一按钮几何，卡片8px、小元素4px。
- 不要引入渐变、模糊或玻璃效果；系统明确地平面、饱和且实色。
