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