Adcker 网站预览
Adcker 网站预览

Adcker

近白色基底、大字排版与居中构图。

页面以近白色为基底,搭配近黑色文字。字体采用 nhm、psl。视觉特点包括大字排版、居中构图、大幅图像展示、摄影展示。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 展示字号只用 173px 或 185px,70px 与 170px 之间任何字号都会破坏系统建立的排版极端。
  • 展示文字行高保持 0.78-0.80,防止巨大标题在垂直方向散开。
  • 所有展示文字,包括 nhm 与 Kumbh Sans 档位,字间距设为 -0.05em,补偿极大字号下宽阔字腔。
  • 主要内容块间使用完整 200px 区块间距,紧凑间距会削弱编辑分量。
  • 照片内联嵌入展示文字组合,不作为独立元素放在文字旁。
  • 所有文字保持字重 400,除非明确要求 nhm 700;系统从尺度而非字重取得层级。
  • Bone Canvas #efedea 同时作为背景和表面,单色纪律就是重点。

建议避免

  • 绝不引入彩色、品牌强调或语义状态色,0% 彩色占比就是系统。
  • 任何元素绝不应用圆角,所有转角为 0px 尖角,以保留粗野编辑感。
  • 绝不用阴影、光晕或浮起效果,系统完全平面。
  • 正文绝不大于 21px 或小于 16px,正文与展示之间的巨大间隔是刻意的。
  • 绝不用彩色填充的居中行动按钮,交互元素是带下划线文字链接,而非按钮。
  • 展示文字行高绝不高于 0.85,紧密行高让 185px 文字像单一雕塑物件。
  • 绝不靠深色背景上的文字覆盖处理建立对比,应通过完整 Ink Black #191919 表面反色,而非局部处理。