cthdrl 网站预览
cthdrl 网站预览

cthdrl

近黑色基底、等宽文字标注与渐变展示。

页面以近黑色为基底,搭配暖白色文字。字体采用 NB Akademie、NB Akademie Mono。视觉特点包括等宽文字标注、渐变展示、大字排版、满幅色块。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有文字、边框、图标及交互元素均使用 #e7ded1,背景为 #000000
  • 在 NB Akademie 字体中,将展示标题设为 121px,行高 0.85,字间距 -0.016em
  • 所有正文、导航和元数据文字使用 NB Akademie Mono 字体,字号 11px,字间距 -0.045em
  • 所有元素的圆角均设为 0px —— 无例外,任何地方均不使用圆角
  • 使用满幅渐变区块(酒红、紫罗兰、猩红)作为唯一的色彩时刻,边缘到边缘完整覆盖,无内边距或容器限制
  • 所有链接和按钮保持 0px 内边距,无填充——仅通过骨白边框或下划线来标识交互元素
  • 主要区块之间保持 50px 间距,行内元素之间保持 10-11px 间距,以维持编辑节奏

建议避免

  • 绝不引入第二类文字颜色——UI 层为单色系统;色彩仅存在于满幅渐变区块中
  • 绝不使用圆角、阴影或背景填充,任何组件均禁止
  • 绝不将正文或 UI 文字字号设为 NB Akademie Mono 以上 11px——该字体仅用于技术/元数据层级
  • 绝不使用明亮或饱和的色彩用于按钮、链接或交互状态——交互通过边框而非填充来体现
  • 绝不将渐变应用于文字、图标或组件表面——渐变仅用于满幅背景
  • 绝不将页面限制在最大宽度容器内——布局延伸至视口边缘,模拟印刷品效果
  • 绝不使用 600 及以上字重——所有字体均运行在 400 字重;通过字号和字间距实现层级,而非字重