排版层级不是把标题放大、把说明文字变灰这么简单。真正有效的层级，应该让读者在尚未开始逐字阅读之前，就能分辨页面上哪些内容最重要、哪些内容负责解释，以及哪些内容只在需要时提供线索。
中文页面尤其容易出现一种看似整齐、实际扁平的状态：所有文字使用相近的字号和字重，区别主要依靠颜色。页面在截图里显得克制，但进入连续阅读后，标题、摘要和正文会逐渐混在一起。
先明确每种文字的职责
在调整具体数值之前，可以先把常见文字分成几种角色：
- 展示标题负责建立页面焦点，需要在短时间内被识别。
- 正文负责长时间阅读，应优先保证稳定、舒适和自然换行。
- 摘要负责快速预览，信息密度通常高于正文，但不应与标题争夺注意力。
- 标签与日期负责补充上下文，应该清晰，却不必进入第一视觉层级。
这些角色之间的差异不只来自字号。字重、行高、字距、颜色和上下间距共同决定了最终效果。只改其中一个参数，经常会让另一处关系失去平衡。
用有限的变量形成差异
一套实用的中文排版系统不需要几十个字号。相反，过多尺度会增加维护成本，让相邻区块之间出现难以解释的细微差异。
:root:lang(zh-CN) { --type-body-size: 16px; --type-body-line-height: 1.55; --type-body-lead-size: 15px; --type-body-dense-size: 13px;}这里的关键不是某个数值是否绝对正确，而是每个变量是否对应稳定的语义。正文参数变化时，摘要不应该被迫跟着变化；首页列表需要更紧凑时，也不应该意外影响文章详情页。
一个排版参数只有在职责清楚、影响范围可预测时，才真正成为设计令牌。
同时观察大小与留白
字号差异很容易被注意到，留白的作用却常被低估。标题与摘要靠得太近，会被看作同一个文本块；间距过大，又会切断它们的语义联系。
检查层级时，可以暂时忽略文字内容，只观察页面形成的明暗和疏密关系：
- 第一眼是否能找到页面标题？
- 摘要是否明显从属于标题？
- 日期和标签是否容易找到，但不会抢先被看到？
- 连续几个条目之间是否保持相同节奏？
如果这些问题只能依靠颜色回答，说明字号、字重或间距仍然缺少足够的结构。
让层级接受真实内容的检验
短标题很容易排得漂亮，真正暴露问题的是长标题、中英文混排、连续数字和窄屏换行。设计时应当保留几篇内容长度不同的文章，在桌面、平板和手机上同时观察。
最终目标不是让每个区块都显得不同，而是让差异恰好足以说明职责。读者不需要知道背后有哪些令牌，只需要自然地知道应该先看哪里、接着读什么。