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

OHZI Interactive Studio / Dive into digital magic.

悬浮在深色画廊中的发光立方体。

OHZI 是一个深色、沉浸式的空场画廊:近黑空间中,唯一发光的 3D 物体悬在中央,倒映于湿润地面。界面刻意精简到骨架,只保留标志、汉堡菜单、标题和幽灵按钮,让 3D 渲染承担全部视觉能量。文字仅使用 Unbounded,并设置宽裕的正字间距,使每行文字都显得宽阔、宏大,近乎电影式,却是在低语而非呐喊。设计有意去除颜色,配色完全由灰阶构成,让 3D 场景成为唯一的彩色展示,仿佛透过传送门观看。控件采用细边框、直角和半透明表面,只为体验提供框架,而不侵入体验。

查看原始网站

使用规范

建议采用

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

建议避免

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