Datalands 网站预览
Datalands 网站预览

Datalands

近黑色基底、等宽文字标注与紧密字距。

页面以近黑色为基底,搭配白色文字。字体采用 OZIK Black、Basis Grotesque Pro。视觉特点包括等宽文字标注、紧密字距、网格布局、分屏构图。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 将主要显示文字设为 OZIK Black,字号 358px,行高 0.83,字间距 -0.01em,每页最多一个字标
  • 所有大写 UI 标签、导航项和标签使用 Martian Mono 12px 字重 200,字间距 0.10em
  • 为所有按钮和输入框设置圆角 96px;特殊胶囊元素为 300px
  • 将 #fc74dd 专用于填充型主要操作按钮和细线装饰条;禁止用于正文或大面积区域
  • 所有区块保持纯 #000000 画布;仅靠白色文字和单色强调元素承载视觉重量
  • 为 Basis Grotesque Pro 标题设置激进的负字间距:80px 时为 -0.04em,线性递减至 14px 时为 0
  • 仅在导航状态点和数据可视化艺术作品中使用 #ff4c33 —— 严禁作为按钮或文字颜色

建议避免

  • 禁止使用渐变、阴影或玻璃态效果——系统保持扁平与高对比度
  • 禁止将 #fc74dd 用于除主要填充操作之外的任何用途;必须保持单一鲜明色彩
  • 禁止将 OZIK Black 用于正文或 UI 标签——它是一个字标资产,而非系统字体
  • 禁止在 #000000 与 #1d1a1a 之间引入中灰表面;层级结构刻意仅设两层
  • 禁止在卡片上使用小于 18px 的圆角,或在交互元素上使用小于 96px 的圆角;胶囊形态是系统标准
  • 禁止将正文字体设置大于 22px;字体系统明确区分编辑性展示(60–80px)与叙述性正文(14–22px),并保持明确间距
  • 禁止用颜色弱化文字——应使用 #d9d9d9 或白色降低不透明度,而非灰蓝色或灰紫色