灰度的秩序：为什么克制比丰富更难

界面设计里最容易犯的错误，是把「丰富」当成「好」。

真正难的是克制：在能加的地方忍住不加，把有限的黑白灰留给层级和节奏。这个博客的视觉起点就是一句话——让内容自己说话。

灰色是一种承诺

当你选择把界面压到灰阶，你其实是在向读者承诺三件事：

1. 文字是第一位的，装饰是第二位的；
2. 颜色一旦出现，就意味着它承载了意义；
3. 页面的安静，是为了让阅读发生。

好的排版是隐形的。读者不会注意到行高是 1.75，只会觉得「读起来不累」。

一套够用的灰阶

我们把整站压缩到六个值，每个值只承担一个职责：

灰阶定好之后，组件的规则也随之确定：方角或 4px 圆角，1px 描边，没有投影。投影是「浮起来」的语言，而我们要的是「印上去」的语言。

字重对比替代颜色对比

没有颜色可用的时候，层级只能靠字重和字号做：

:root {
  --font-serif: "Source Han Serif SC", "Noto Serif CJK SC", Georgia, serif;
  --leading: 1.75;
}

.post-title {
  font-weight: 700;      /* 标题压到最重 */
  letter-spacing: -0.01em;
}

.post-body {
  font-weight: 400;      /* 正文保持常规 */
  line-height: var(--leading);
  font-size: 1.0625rem;  /* 17px */
}

700 与 400 的对比，比任何颜色都更稳定——它在深色模式、在打印稿、在小屏上都成立。

留白不是空的，它是节奏的一部分。