Payments
近白色基底、圆角卡片与紧密字距。
BEHAVE Candy
浅紫色基底、大幅摄影展示与宽松留白。
页面以浅紫色为基底，搭配蓝色文字。字体采用 Good Sans。视觉特点包括大幅摄影展示、宽松留白、单栏阅读排版。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 使用Cobalt Surge (#061fff) 用于所有正文、标题、导航链接和卡片边框——绝不引入其他文本颜色。
- 仅在填充型操作和功能形状中使用黄绿（#d3ff56）——将其视为强调点，而非表面装饰。
- 在56px及以上字号时，标题字间距设为-0.05em；这种压缩字间距是品牌标志性的特征。
- 为每个卡片添加1px Cobalt Surge边框和20px圆角——边框才是支撑，而不是阴影。
- 默认页面背景为薰衣草雾（#efe5ff）；仅在照片满幅覆盖场景或软糖熊产品行中使用白色。
- 首屏区域和区块标题采用86px / 72px / 56px三种显示尺寸——BEHAVE 无中等字重的标题层级。
- 同一屏幕上搭配一个钴蓝填充的主行动号召（CTA）与一个黄绿填充的次级CTA；绝不将两个钴蓝CTA并列放置。
建议避免
- 绝不使用黑色、灰色或任何中性文字颜色——品牌是全彩的，灰色会被解读为断裂或破损。
- 卡片绝不添加阴影提升层级——系统通过1px钴蓝边框与薰衣草色画布的对比实现深度感。
- 绝不将黄绿用作大面积内容区域的背景——它只属于特定瞬间，而非整体表面。
- 不要在大标题上增加字间距——负字间距才是让文字看起来像BEHAVE而不是默认无衬线字体的原因。
- 绝不为通用行动号召设计9999px半径的胶囊形按钮——6.95px的圆角是刻意收紧的。
- 绝不将文字直接置于满幅照片上，除非先叠加深色或暖色滤镜；首屏区域使用白色文字，因为照片本身足够暗，能实现7.9:1的对比度。
- 绝不引入第三个强调色——钴蓝与黄绿是品牌色彩体系中除薰衣草色系外的全部色彩语言。
