cthdrl 网站预览
cthdrl 网站预览

cthdrl

午夜画廊墙面

Cthdrl 在纯负空间中运作:一片漆黑的画布,仅有一处温暖的骨白承载每一行文字、每一条线条和每一个界面元素。字体是建筑本身——大号展示字重压缩至紧密的行距(0.85),形成厚重的标题块,而等宽字体则用于导航、元数据和正文内容,以刻意较小的字号呈现。UI 层本身没有填充、没有阴影、没有圆角,也没有色彩点缀;色彩仅以满幅渐变区块(深酒红、紫罗兰、橄榄绿)出现,作为氛围性的章节分隔。整个系统更像一张印刷品报章或画廊墙面,而非网站:沉默是主要材质,黑底上奶油色文字是唯一的发声方式。

查看原始网站

使用规范

建议采用

  • 所有文字、边框、图标及交互元素均使用 #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 字重;通过字号和字间距实现层级,而非字重