Peggy
近白色基底、细线分隔与宽松留白。
TeePublic
白色基底、网格布局与渐变展示。
页面以白色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Roobert、SharpGrotesk。视觉特点包括网格布局、渐变展示、细线分隔、分屏构图。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- #4e64df是可操作元素唯一的彩色强调，用于按钮、链接、激活状态、星级，以及需要吸引视线的图标。
- 文字采用Roobert，正文400，UI为500-600，SharpGrotesk 700只留给20px及以上标题。
- 按钮、输入框和卡片默认12px border-radius；8px只用于尺寸小标签等紧凑行内元素。
- 所有导航胶囊、标签和分类小标签都采用100px border-radius，以维持友好的市场感。
- 表单采用白色背景、1px #d7d7db边框和8px圆角；聚焦时将边框改为#4e64df，而非添加阴影环。
- 分区之间保持48px纵向间隙，背景为白色或#f1f3fe，绝不用厚重分隔线。
- 所有主要文字采用Midnight Ink（#151523）；#4e64df只保留给交互或评分元素。
建议避免
- #4e64df不要用于大面积背景填充或装饰区块；紫罗兰色是强调，而非表面色。
- 阴影不要厚于rgba(21,21,35,0.2) 0px 4px 8px；系统由边框驱动，而非深度驱动。
- 正文或UI标签不要使用SharpGrotesk；其锐利个性只保留给20px+展示标题。
- 同一组件类别中不要混用border-radius；按钮始终12px，输入框始终8px，导航始终胶囊形。
- 不要引入额外强调色；系统纪律来自无彩色中性色上的唯一紫罗兰语气。
- #ff0000不要用于装饰；Signal Red只保留给紧急警报和强强调的注意按钮。
- Roobert正文字号不要低于14px或高于16px；字体尺度刻意紧密，以匹配紧凑市场密度。
