过程
一套设计体系
问题：一个看起来像拼接出来的网站
今年早些时候，我们自己的网站没能通过我们对产品的最基本要求：它不像一个整体。首页借了一家的设计语言，产品页借了另一家，法律页又是第三家。每一页单看都还行，放在一起就像打了补丁 — 工作室内部最诚实的评价正是如此：「感觉像东拼西凑。」
这不只是审美问题。一个自称「小而诚实的工具」的工作室，却交付一个不连贯的官网，等于在自家门口自相矛盾。
决定：只锁定一个对标，靠测量而不是感觉
解法是一条约束，而不是一份重设计需求：只选一个参照体系，把一切都重建在它之内。我们选定一个对标，在真实浏览器里打开它，逐区块测量 — 栅格与最大内容宽度、间距节奏、字号与行高阶梯、明暗两套背景/文字/边框/悬停的精确色值、卡片与按钮的结构、页脚组织、动效时长。
这些测量在动第一行代码之前，先写成了仓库里的规范文档。用测量代替记忆来做设计 — 它把品味变成了可以被评审的东西。
重建：21 个页面，一套 token
每一个页面 — 中英镜像、产品页、宗旨、价值观、文章、法律条款、甚至 404 — 都从同一份 token 文件重写。没有任何页面保留私有样式。十二款产品通过同一套卡片体系呈现。首页三张插画被重绘成与页面其余部分同等密度的等距线稿，因为一个漂浮在大片留白里的小图标本身就是一种小小的不诚实：它看起来像一个我们没花功夫的占位符。
然后是更难的部分：文字。一个网站可以共享 token，却仍然说着十二件互不相干的事。我们写下一条完整的叙事弧 — 主张、证明、为什么、怎么做、过程、邀请、承诺 — 并重写每一页的文案，让每页只服务一个中心句，并把读者交给下一幕。
它教会我们的
连贯是一种功能，而且它造假很便宜、做真很昂贵。捷径 — 从五个网站各借一块最好的区块 — 产出的正是我们最初的那个补丁。诚实的路更慢：选定一个体系，测量它，然后把一切（包括文字）重建在它之内。
你正在读的这个网站就是结果。如果哪一页仍然感觉不对，那是一个 bug — 告诉我们。
Zalize 工作室 撰
-- zalize.com