Hyer Aviation 网站预览
Hyer Aviation 网站预览

Hyer Aviation

白色基底、紧密字距与非对称构图。

页面以白色为基底,搭配近黑色文字。字体采用 HelveticaNowDisplay。视觉特点包括紧密字距、非对称构图、大字排版、单栏阅读排版。适合参考的场景:建筑作品集、空间项目展示页。

查看原始网站

使用规范

建议采用

  • 将展示标题设定为60-187px字号,字重700,字间距在-1.26px至-3.74px之间——正是这种紧凑感让字体呈现出建筑感,而非装饰性。
  • 所有主要文本、填充按钮、图标笔画及页脚均使用#000d10,将其视为系统的唯一结构色。
  • 保留#bc7155陶土色用于每页一个重点卡片——克制才是重点,而非温暖。
  • 所有按钮和导航胶囊控件的边框半径设定为1000px——禁止使用方形按钮,禁止部分圆角,胶囊才是操作形态。
  • 正文文本设定为18px,行高29(1.61倍)——充足的行距是密集编辑布局得以呼吸的关键。
  • 交替使用白色画布区域与#0f0f1c/#151623深色条带,以制造垂直对比——页面应呈现波动感,而非平铺直叙。
  • 每个首屏区域的标题末尾都必须加上句号——‘超越旅行。’是标志性的标点符号模式。

建议避免

  • 不要为卡片或按钮添加阴影——系统通过表面色彩变化(白→陶土→深灰)定义层级,而非使用投影阴影。
  • 不要引入额外的辅助色——系统为单色,仅有一个暖色点缀;加入绿色、蓝色或其他次级辅助色会破坏简洁的编辑风格。
  • 不要在白色区域的页面背景中使用#000d10——它是文本和按钮的颜色,而非表面色,仅适用于亮色画布。
  • 不要对重点陶土色卡片进行圆角处理——其半径必须保持0px,以与周围所有胶囊形元素形成对比。
  • 不要将正文字体设得低于18px——18/29的宽敞感是标志性特征;更小的字号会破坏呼吸节奏。
  • 不要在标题中使用浅色或细体——从23px起,字重700是不可妥协的;字重即是品牌声音。
  • 不要在同一页面中出现两个#bc7155元素——该辅助色为单次使用,每视口仅限一个。