Halfhelix 网站预览
Halfhelix 网站预览

Halfhelix

如同白色大理石上的画廊墙,克制、文字主导,并以摄影表达。

Domaine像一张奢华编辑式画布:几乎完全无彩色的调色板、只采用400字重的单一中性grotesque字体,以及占据视口的展示级标题。界面退居幕后,让满幅生活方式和产品摄影承载品牌,每个UI元素都是图像的安静框架,从不成为竞争表面。排版是主要界面,巨大叠排词语“Strategy / Creative / Technology / Marketing”、紧密字间距和接近1.0的行高,形成杂志跨页般的密度。组件极简且由文字驱动,包括无填充链接、细下划线、3px圆角,没有阴影或彩色填充按钮。唯一的彩色强调(#2749ff)出现得如此少,更像超链接惯例,而非品牌色。

查看原始网站

使用规范

建议采用

  • Suisse Int'l只使用400字重,绝不要通过粗体、半粗体或斜体变体建立层级;改用字号和字间距。
  • 展示标题设为40–48px、1.0行高和-0.04em letter-spacing。
  • 每个交互元素都以1px的Ink Black下划线锚定,不要添加彩色填充提示可点击性。
  • 所有矩形圆角保持3px;1440px只用于圆润标签等完整胶囊元素。
  • 摄影从边到边铺满视口,不设边框、阴影或圆角。
  • 所有UI表面保持无彩色调色板:黑、白,以及五级灰阶(#262626 → #dbdbdb)。
  • 需要与白色轻微区分、却不引入强对比的轻量控件,使用Mist(#ededed)填充。

建议避免

  • 不要给卡片、按钮或图像添加box-shadow;系统刻意完全无阴影。
  • 不要引入Signal Blue(#2749ff)之外的额外强调色,而且它也应克制使用。
  • 不要使用粗体或半粗体字重;整个排版系统的400字重是标志性特征。
  • 按钮不要添加彩色填充背景;系统只采用带Mist填充的轻量控件模式和文字链接模式。
  • 矩形圆角不要超过3px;锐利或近乎锐利的几何形态定义品牌。
  • 表面或文字不要采用渐变、辉光或装饰性色洗。
  • 正文行高不要高于1.2,标题不要高于1.1;紧密行距是核心视觉标识。