Wemakethings 网站预览
Wemakethings 网站预览

Wemakethings

极简主义版面设计——墨水在白底上的建筑结构,排版是唯一的建筑材料。

WeMakeThings 采用极端简约的编辑逻辑:纯黑色墨水在白色纸张画布上呈现,仅靠排版与空白构成整个视觉系统。该网站如同一份设计版面——巨大的轮廓显示文字作为主要标题背后的建筑支撑结构,通过粗体全大写标题营造深度与规模,且不使用任何颜色、阴影或图像。组件被简化至骨架状态:细线下划线、细边框以及直接未经修饰的文本。整体密度舒适,留白充足,品牌网格采用垂直文本列将简单列表转化为一道排版墙。没有装饰,没有温暖,没有渐变——只有自信的克制,每个像素都值得存在。

查看原始网站

使用规范

建议采用

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

建议避免

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