Verse 网站预览
Verse 网站预览

Verse

黑色虚空中的单色终端网格——黑色背景上呈现细线单元格,每个单元格内的内容承载全部色彩

Verse 以单色终端的形式运作:近黑色的画布被两栏网格分割,每格内嵌有边框为光的项目卡片,使用 Commit Mono 字体在 11–16px 字号承载所有信息。色彩不属于 UI 语言——它只存在于各卡片所包含的媒体表面(3D 渲染、产品摄影、渐变)中。没有立体感、圆角或阴影;黑色背景上的细线网格是唯一的结构元素,承担了传统系统中色彩、深度与尺度所起的作用。最终呈现出一种开发控制台的美学,每个帧内的内容鲜明突出,而其周边的金属感则刻意保持沉默。

查看原始网站

使用规范

建议采用

  • 所有 UI 元素使用 Commit Mono 字体在 11px、14px 或 16px 字号,此系统中无任何元素使用大于 16px 的字号
  • 在 #0a0a0a 背景上,所有 UI 元素之间使用 1px 实线 #e5e7eb 边框进行分隔
  • 保持2 列网格布局的一致性——方块共享边框,它们之间不会出现双重边线叠加
  • 让项目媒体以 0px 圆角的方式填满其单元格边界,边框是唯一的框架
  • 使用 #737373 的 [link] 这类字面文字来提示交互性,而非依赖颜色或字重变化。
  • 元数据行使用 16px 内边距,主要页面区块之间使用 80px 的垂直间距
  • 所有 UI 元素的视觉风格必须限定在四色灰度调色板内——色彩仅存在于媒体表面

建议避免

  • 在 UI 任何位置均不可引入圆角、阴影或渐变
  • 不可在 Commit Mono 之外使用无衬线或展示类字体——等宽字体才是其身份核心
  • 不可引入品牌主色、CTA 颜色或语义性色彩(成功/错误/警告)到调色板中
  • 任何元素,包括首屏标题,字号均不可超过 16px
  • 不可填充按钮背景或添加悬停状态以改变颜色——该系统无任何色彩交互状态
  • 不要使用 #0000ee 或任何默认浏览器链接色——链接颜色为 #d4d4d4 或 #737373,可选 [link] 附加标识
  • 媒体表面内部不可添加内边距——边框应直接接触媒体内容