Kobu 网站预览
Kobu 网站预览

Kobu

暖白色基底、等宽文字标注与大字排版。

页面以暖白色为基底,搭配深蓝色文字。字体采用 Gill Sans、Fira Mono。视觉特点包括等宽文字标注、大字排版、细线分隔、摄影展示。适合参考的场景:建筑作品集、空间项目展示页。

查看原始网站

使用规范

建议采用

  • 将 KOBU 字标设置为 64px 字号,行高 1.00,使文字完全填满视口——这是首屏元素,而非角落中的标志。
  • 所有徽标、标签和导航项均使用 Fira Mono 字体,字间距设为 0.167em 至 0.183em——被追踪的等宽字体是系统唯一的排版强调。
  • 将属性卡片图片满幅展示,无边框半径,依靠空白空间而非边框或阴影来分隔元素。
  • 让属性摄影成为色彩的唯一来源——所有 UI 表面保持在 Parchment/Gallery White 中性色范围内,绝不引入强调色。
  • 卡片元素之间保持 10–15px 的间距,区块之间保持 60–80px 的间距,以维持编辑性、从容不迫的阅读节奏。
  • 价格和「查看全部」链接右对齐,以与左对齐的标题形成视觉张力。
  • 将边框视为 1px Obsidian 细线——它们定义结构,却不增加视觉重量。

建议避免

  • 绝不添加彩色 CTA 按钮、填充强调色或渐变——Kobu 无主行动色彩;导航通过文字和链接完成。
  • 任何元素的圆角半径绝不可大于 5px——系统是锐利分明的,而非柔和的。
  • 绝不使用阴影或层叠效果来分隔表面——分隔来自空白空间以及 Parchment 与 Gallery White 表面之间的对比。
  • 绝不将标题字重设为低于 400 或高于 500——排版刻意克制,绝不能喧宾夺主。
  • 绝不添加图标填充、插图或装饰性图形到 UI——摄影是除排版外唯一被允许的视觉内容。
  • 绝不使用除 Gill Sans 以外的无衬线字体作为标题或正文,或除 Fira Mono 以外的等宽字体作为标签——这种搭配是不可更改的。
  • 绝不引入新的中性色或色彩到配色系统中——单色主义是品牌的根本准则。