Thomas Vimare 网站预览
Thomas Vimare 网站预览

Thomas Vimare

午夜单色工坊 — 设计师的暗房,其中只有白色文字和饱和摄影是唯一的光源

thms.works 是一个单色深色模式作品集,建立在绝对克制的设计之上。整个界面仅使用三种颜色:近黑色的画布、白色文字,以及一种柔和的灰色用于次要信息。全站所有文字均采用定制字体 — HelveticaNowDisplay-Light — 该字体在不同显示尺寸下具有紧密的负字间距,且在大字号时字间距进一步收紧。布局宽敞且具有编辑性:左侧对齐的大标题、充足的 120px 区块间距,以及双列项目网格,其中全幅摄影是唯一的色彩内容。没有按钮,没有阴影,没有强调色,没有圆角边框 —— 只有文字、图片和负空间在完成所有工作。

查看原始网站

使用规范

建议采用

  • 仅使用三种颜色:#171717 用于画布,#ffffff 用于主要文字,#9a9a9a 用于柔和文字。不使用强调色、品牌色或语义状态色。
  • 所有文字均使用 HelveticaNowDisplay-Light 字体,字重 400。绝不引入第二种字体或字重变体。
  • 为所有元素设置 border-radius: 0。图像、卡片、按钮、标签 — 所有角都保持锐利。
  • 在主要页面区块之间使用 120px 的垂直间距,在文字元素之间使用 20px 间距。宽敞感是结构性的。
  • 在 56px 时设置字间距为 -0.010em,32px 时为 -0.008em,28px 时为 -0.007em,24px 时为 -0.006em,20px 时为 -0.005em,16px 时为 -0.003em。字号越大,字间距越压缩。
  • 由全幅摄影提供全部色彩内容。图像为边到边,无边框、无内边距、无填充。
  • 所有文字左对齐。布局严格左对齐 —— 无居中标题,无两端对齐段落。

建议避免

  • 不添加 CTA 按钮、填充操作或强调色。系统除文字链接外,不包含任何交互控件。
  • 不使用阴影、光晕或任何层叠效果。表面设计为平面。
  • 不为图像、卡片或容器添加 border-radius。所有角落保持锐利,为 0px。
  • 不引入第二种字重、粗体变体或斜体。系统仅运行于单一字重(400)。
  • 不使用颜色来表示状态。导航激活状态通过白色下划线表示,而非颜色变化。
  • 不居中对齐标题或正文。所有内容均左对齐至同一边缘。
  • 不为内容区块添加卡片背景、边框或容器。元素直接位于画布上。