Wemakethings 网站预览
Wemakethings 网站预览

Wemakethings

白色基底、大字排版与细线分隔。

页面以白色为基底,搭配近黑色文字。字体采用 Maison Neue、BASEBLOOM。视觉特点包括大字排版、细线分隔、网格布局。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 仅使用 #000000 和 #ffffff —— UI 中任何位置均不可使用彩色
  • 所有标题使用 Maison Neue 500 字重,全大写,字号 43-65px,行高 1.11 倍
  • 渲染至少一个巨大的轮廓显示文字元素(800px 以上)作为主要内容背后的建筑支撑结构
  • 品牌列表之间使用 1px 黑色细线边框分隔,不使用背景填充或阴影
  • 所有正文使用 Maison Neue 400 字重,16px 字号,行高 1.33 倍
  • 导航链接和行动号召(CTA)后缀添加 → 箭头字符——箭头即为操作提示
  • 主要区块之间保持 80-120px 的垂直内边距

建议避免

  • 绝不引入颜色、渐变或 带淡色的 背景——系统严格为单色
  • 绝不为按钮、卡片、输入框或标签添加圆角——所有角落均为 0px 的锐利直角
  • 绝不添加阴影或箱形阴影——深度来自排版层级,而非立体感
  • 绝不使用摄影图像或插画——排版是唯一的视觉材料
  • 绝不使用圆润或柔和的字体——所有显示文本均为全大写,紧密行距
  • 绝不居中正文段落——左对齐,且阅读区域受限
  • 绝不为链接添加填充、胶囊形按钮或按钮边框——链接仅为纯文本,可选下划线和箭头