MekaVerse 网站预览
MekaVerse 网站预览

MekaVerse

近黑色基底、细线分隔与扁平表面。

页面以近黑色为基底。字体采用 Roobert、GT America Mono。视觉特点包括细线分隔、扁平表面、等宽字体。适合参考的场景:技术项目官网、区块链产品介绍页。

查看原始网站

使用规范

建议采用

  • 在每幅满幅渲染艺术作品下方使用 #000000 作为页面画布,并让渲染内容承载全部色彩与光线
  • 首屏标题使用 Roobert 80px 字号 400 字重,行高 0.78 —— 紧凑叠加是其标志,而非偶然
  • 保留 #ffffff 用于文字和高对比度边框;绝不将其用作填充表面
  • 所有金属元素、导航和微标签使用 GT America Mono 10–12px,字间距 -0.02em
  • 按钮渲染为 2px 圆角炭黑色(#444345)填充,搭配 1px 冰霜边框——压入式,永不抬升
  • 在每行叠加的首屏文字下方放置 1px 冰霜下划线,延伸至约 30–50% 的行宽
  • 允许渲染艺术作品溢出视口边缘;绝不将艺术包裹在带有内边距或边框的卡片中

建议避免

  • 绝不引入任何色彩——色彩方案本为单色,任何点缀都会破坏画廊的完整性
  • 绝不为任何元素添加阴影;层级感仅通过表面堆叠和细线边框传达
  • 绝不使用系统字体进行显示文本——Roobert(或 Inter 替代字体)400 字重是其声音;粗体无衬线字体破坏了低语权威感
  • 绝不给卡片或容器设置大于 20px 的圆角;2px / 10px / 20px 三元组是整个系统的标准
  • 绝不居中对齐首屏标题;它们始终左对齐,下划线延伸至右侧
  • 任何显示尺寸文字的行高均不得高于 1.0 —— 标志性的宏伟叠加依赖于激进的负行高
  • 除非设计明确要求,否则绝不添加页脚金属元素(链接、法律文本、社交图标横排);页面结束处即艺术结束处