Peggy
近白色基底、细线分隔与宽松留白。
Le Puzz
浅灰色基底、胶囊形控件与圆角卡片。
页面以浅灰色为基底，搭配近黑色文字。字体采用 Times Now、Times。视觉特点包括胶囊形控件、圆角卡片、宽松留白、衬线字形。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- Honeycomb Yellow #ffd931 是唯一彩色强调，应出现在页头条带、主要行动按钮，每视口最多一个元素。
- 每个黄色表面配 1-2px Carbon Black #000000 边框，维持盖印与印刷感。
- 正文用 Times 衬线，16px / 行高 1.15，避免为“可读性”改成无衬线。
- 所有 11px Helvetica 文字，包括导航、按钮、微文案，字间距 0.0630–0.0910em，营造编辑小大写感。
- 12px 圆角用于卡片、按钮、徽章和产品图，是常用值。
- 产品摄影承担视觉角色，界面表面平面安静，让包装艺术承载戏剧。
- 文字与背景最低对比保持 15:1，大文字绝不将黑柔化为灰。
建议避免
- 不要引入额外彩色，系统黑白单色加唯一黄，任何第二色相都会破坏身份。
- 不要使用投影、光晕或模糊，深度来自边框与色彩对比，而非浮起。
- 正文不要用 Helvetica 或任何无衬线，衬线是标志。
- 标准组件圆角不要超过 12px，25px+ 只留给胶囊按钮与首屏图片。
- 黄背景上不要用低对比灰字，黑色 15.2:1 是唯一可接受组合。
- 长篇段落不要居中，Times 正文左对齐以保留编辑节奏。
- 任何表面不要渐变，系统完全平面，渐变会破坏印刷目录比喻。
