Metalab 网站预览
Metalab 网站预览

Metalab

近黑色基底、衬线字形与居中构图。

页面以近黑色为基底。字体采用 Basis Grotesque Pro、PP Eiko。视觉特点包括衬线字形、居中构图、网格布局、产品图像展示。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • PP Eiko 使用 88px、字重 240,专用于最大的展示场景;绝不用正文字号,细线字重会无法辨读。
  • 所有展示标题行高设为 0.80,字间距 -0.02em,让字形具有雕塑感并近乎相触。
  • 所有元数据注释,如日期、地点、时间戳,使用 12px 的 Basis Grotesque Pro,字重 350;这是系统的编辑标志。
  • 在 #000000 画布上,只通过单层 #252525 表面建立深度,不引入额外灰色或阴影。
  • 所有按钮和浮起面板使用 50px 圆角,形成定义系统的柔和、平板状轮廓。
  • 所有深色页面以 #000000 画布和 #ffffff 文字为基础;深色主题设计内绝不切换为白页背景。
  • 正文行高使用 1.76-2.00,匹配展示文字的编辑式宽松感。

建议避免

  • 不要引入任何彩色:不使用蓝、红、绿或品牌强调色。系统坚定无彩色。
  • PP Eiko 不要用于低于 40px 的字号;字重 240 在小字号过薄,难以可靠渲染。
  • 任何元素都不要添加投影;系统深度来自 #000000 → #252525 的表面明度对比,而非浮起效果。
  • 任何文字都不要用字重 600+;整个系统在 240-400 范围内,更重会破坏低声语气。
  • 不要添加渐变、光晕或任何色彩效果;平面无彩色色板就是品牌身份。
  • 用系统默认衬线 Times、Georgia 替代 PP Eiko 时,不要忽略超轻字重匹配;常规字重衬线会显得保守,而不是编辑式。
  • 黑画布上的按钮不要填充 #ffffff;它会成为页面唯一亮形并主导层级。使用 #252525 或透明。