OHZI Interactive Studio / Dive into digital magic.
深色基底、细线分隔与宽松留白。
Vivid+Co
近黑色基底、分屏构图与单栏阅读排版。
页面以近黑色为基底，搭配白色文字。字体采用 Neue Montreal。视觉特点包括分屏构图、单栏阅读排版。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 在黑暗画布上所有文字和交互元素均使用 #fffdf9 ——除非为弱化元数据使用 #6f879c，否则绝不引入第二文字颜色。
- 让尺寸承载层级：将 136px 显示文字与 18px 正文搭配，比例为 7.5×，而非通过加粗正文来补偿。
- 将 Neue Montreal 400 字重设为默认；仅在 36px 子标题中使用 700 字重。
- 将标题显示行高设为 1.00–1.01，字间距设为 -0.02em，使多行堆叠具有雕塑感。
- 按钮和大多数卡片的边框圆角设为 0px ——棱镜艺术已提供系统所需的所有视觉柔和感。
- 首屏组件在垂直和水平方向居中，留出约 50% 视口高度给标题区块。
- 以全尺寸应用棱镜效果作为唯一色彩元素；绝不通过强调按钮或彩色徽章稀释它。
建议避免
- 不要引入填充按钮、渐变或饱和的行动色——系统没有明确的主行动色，导航栏中唯一的带边框UI元素是轮廓型联系按钮。
- 不要在标题中使用 600–800 字重；权威感来自尺寸（105–136px），而非笔画粗细。
- 不要为卡片或导航添加阴影——深度来自棱镜效果和灰度到黑色画布的渐变。
- 不要在显示尺寸上增加行高超过 1.5；136px 时 1.00–1.01 的紧密行高是标志性特征。
- 不要在 22px 以上任何尺寸使用比 -0.01em 更松的字间距——字间距刻意保持紧密。
- 不要将棱镜色彩拆分为独立的UI令牌——RGB红/青/绿仅存在于效果内部。
- 不要将画布亮度提升超过 #495764，或会破坏灰度到黑色对比，导致 #fffdf9 文字可读性崩溃。
