Readymag
浅色基底、紧密字距与细线分隔。
robot.com
白色基底、大幅摄影展示与胶囊形控件。
页面以白色为基底，搭配近黑色文字。字体采用 Yellix。视觉特点包括大幅摄影展示、胶囊形控件、紧密字距、单栏阅读排版。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 使用 #fff65d 黄色作为唯一的色彩 — 严禁引入其他色调；单色加一黄色的系统是品牌的标志性特征
- 在显示尺寸（52-100px）下使用 Yellix 字体，字间距设置为 -0.025em 至 -0.214em — 紧凑的字间距是使标题显得编辑化而非企业化的关键
- 所有交互元素（按钮、导航、标签）统一使用 24-30px 圆角 — 胶囊形态是 UI 设计的不可妥协原则
- 卡片容器使用 10px 圆角，工具按钮使用 4px 圆角 — 较小的圆角用于区分内容与界面元素
- 按区块交替使用鲜明背景色：骨白 → 温暖的羊皮纸色 → 深黑 → Yellix 黄色 — 区块级色彩切换构成页面的节奏感
- 仅将 #000000 用于每个页面中最关键的按钮 — 其他所有深色元素使用 #262626，以避免纯黑色带来的视觉疲劳
- 全局启用 Yellix 字体特性 "ss01" 和 "salt" — 这些特性定义了定制字形的个性，使系统区别于通用的 Inter 字体
建议避免
- 禁止使用渐变 — 系统建立在平面色彩块之上；任何渐变都会破坏印刷编辑的隐喻
- 禁止将 #fff65d 黄色用于正文或大背景（位于正文后方） — 该色仅用于强调块和单元素突出
- 禁止使用阴影实现层级感 — 系统依赖色彩块对比和圆角实现深度；阴影会带来 SaaS 仪表盘的柔和感，与印刷编辑风格相冲突
- 禁止使用衬线字体 — Yellix 的无衬线字体性格是整个排版身份的核心；使用衬线字体将破坏整体语气
- 禁止在显示尺寸下使用开放的字间距或宽松的行高 — 52-100px 范围内的 0.96-1.10 行高和负字间距是标题独特性的关键
- 禁止在内容卡片上使用小于 4px 的圆角，或在 UI 元素上使用大于 30px 的圆角 — 圆角尺度是刻意设定的：4px（工具类）、10px（卡片）、24-30px（胶囊形按钮/控件）、9999px（标签）
- 禁止对产品摄影进行裁剪或添加边框/容器框 — 满幅覆盖是赋予产品电影感的关键
