Yllw 网站预览
Yllw 网站预览

Yllw

浅色基底、大字排版与细线分隔。

页面以浅色为基底,搭配近黑色文字。字体采用 Gd Grio Vf。视觉特点包括大字排版、细线分隔、分屏构图、居中构图。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 除明确反转的区块外,每个页面背景都设为 #cac7b4 Putty Stone。这是系统结构身份,而不只是表面选择。
  • 全部内容都使用 Gd Grio Vf,包括界面标签和按钮。混入第二种字体会破坏编辑连贯性。
  • 64px+ 的展示行高压至 0.88–0.96。紧密行高让标题具有建筑感,而不只是排版感。
  • 卡片和按钮通过 1px 的 #000000 或 #ffffff 内嵌描边定义,绝不使用投影;系统不存在阴影。
  • 主要 CTA 保持 #cac7b4 背景与 #000000 文字。它刻意弱化,让展示文字承担视觉主要分量。
  • #ffdd00 Signal Yellow 只留给公告条和一次性的高紧迫提示。用在正文区域会摧毁层级。
  • 所有按钮、标签、徽章和导航控件都采用 2px 圆角;6px 只留给内容卡片。

建议避免

  • 不要引入投影、模糊或发光效果。系统拒绝所有通过模糊产生纵深的方式。
  • 不要添加橙、红、蓝等第二种高饱和强调色。黄色是唯一彩色声音,其他颜色会破坏编辑克制。
  • 圆角不要超过 6px。更柔软的形态会像另一个产品,例如消费应用,而非专著。
  • 展示字号的行高不要超过 1.0。100px+ 文字的松行高会像博客文章,而不是海报。
  • 大字号不要采用正字间距。64px+ 的负字间距,赋予标题紧压、板块般的分量。
  • 腻子画布上不要放黑色按钮。对比应采用白色实心次要按钮,而非反转的主要按钮。
  • 摄影不要使用渐变、双色调或颜色叠层。首屏平面图和人物照片都不经过处理。