Peggy
近白色基底、细线分隔与宽松留白。
Zellerfeld
浅色基底、宽松留白与网格布局。
页面以浅色为基底，搭配近黑色文字。字体采用 Roobert、Space Mono。视觉特点包括宽松留白、网格布局、大幅摄影展示。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 所有UI文本使用Roobert字体，字间距设为-0.04em；绝不允许字间距变为0或正值
- 仅将#000aff用于‘新品’徽章、激活的‘购物’胶囊控件以及当前状态指示——任何屏幕上该颜色的使用比例不得超过3%
- 所有卡片、按钮、输入框和图片均设置10px圆角；仅对胶囊形徽章使用30px圆角
- 价格、排名数字及‘由{品牌}’的版权说明使用Space Mono——绝不用于标题或正文
- 将产品卡片表面设为#ecedee（石膏色），而非#ffffff，以在纯白画布上形成柔和的层级感
- 将产品卡片元数据（品牌标识、名称、价格）锚定在距离卡片边缘16-20px的内边距，并保持40x40品牌缩略图的一致性
- 首屏图片保持满幅覆盖，叠加层置于底部三分之一处——鞋子应为视觉主体，UI元素浮于其上
建议避免
- 除单个电蓝色（#000aff）及其浅灰变体（#e5e7ff）外，不得引入其他色彩
- 产品卡片不得使用阴影——系统依赖表面色彩渐变和10px圆角实现分隔
- 字体大小不得大于128px（显示文本）或小于12px（Space Mono微标签）
- 除10px和30px圆角外，不得使用其他圆角——禁止完全方形或完全圆形的元素
- 正文或元数据不得居中对齐；所有产品信息（包括‘由{品牌}’版权说明）均需左对齐
- 图标不得上色——所有线条图标保持单色墨水（#111），线宽为1.5px
- 徽章变体不得因形状区分——所有状态徽章共享30px的胶囊形状，仅通过填充颜色区分
