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

Thomas Vimare

近黑色基底、分屏构图与大幅摄影展示。

页面以近黑色为基底,搭配白色文字。字体采用 HelveticaNowDisplay-Light。视觉特点包括分屏构图、大幅摄影展示、网格布局、大字排版。适合参考的场景:设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 仅使用三种颜色:#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)。
  • 不使用颜色来表示状态。导航激活状态通过白色下划线表示,而非颜色变化。
  • 不居中对齐标题或正文。所有内容均左对齐至同一边缘。
  • 不为内容区块添加卡片背景、边框或容器。元素直接位于画布上。