Halfhelix 网站预览
Halfhelix 网站预览

Halfhelix

白色基底、大幅摄影展示与紧密字距。

页面以白色为基底,搭配近黑色文字。字体采用 Suisse Intl、Suisse Int'l。视觉特点包括大幅摄影展示、紧密字距、细线分隔、分屏构图。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 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;紧密行距是核心视觉标识。