OHZI Interactive Studio / Dive into digital magic. 网站预览
OHZI Interactive Studio / Dive into digital magic. 网站预览

OHZI Interactive Studio / Dive into digital magic.

深色基底、细线分隔与宽松留白。

页面以深色为基底,搭配白色文字。字体采用 Unbounded。视觉特点包括细线分隔、宽松留白。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 仅使用 Unbounded,绝不替换为第二种字体。坚持单一字体家族,就是这套设计的身份。
  • 所有文字都设置正字间距;即使在展示字号下,也不能把字间距收紧到低于 0.067em。
  • 所有界面元素的圆角都保持 0px。直角没有商量余地,并与 3D 几何形态呼应。
  • 让 3D 场景成为颜色与光线的唯一来源。界面保持纯灰阶,即 #ffffff、#f5f5f7、#cfcfcf、#111111、#000000。
  • 所有结构元素,包括按钮、分隔线和卡片框架,都使用 1px 细线边框。
  • 首屏内容居中对齐,并保留宽裕的垂直呼吸空间,区块之间留出 80-120px。
  • 标题使用字重 600-700,正文使用字重 100-400。通过字重对比建立层级,替代颜色对比。

建议避免

  • 绝不引入强调色、渐变或彩色按钮。系统刻意保持无彩色。
  • 绝不给按钮、卡片、输入框或图像添加圆角。锐利的几何形态是这套设计的结构支柱。
  • 绝不给界面元素添加阴影、发光或模糊效果。纵深只属于 3D 场景。
  • 绝不使用负字间距或紧密字间距。宽阔开放的间距是文字的标志性特征。
  • 绝不用实心颜色填充按钮。始终采用透明幽灵按钮,并以 1px 描边构成框架。
  • 绝不使用超过一种字体,也不混合衬线与无衬线字体。Unbounded 是唯一的声音。
  • 绝不让界面挤满中央视口。3D 物体需要负空间来呼吸。