字体
全站 Inter，三档字重，行高用偶数像素而不是无单位倍数——垂直节奏必须能在密集的控件行里嵌套存活，而倍数会随字号漂移。
三个语域，不是一条字号阶梯
title · 16/600/22
Puzzle Cutline
仅应用栏
field-strong · 14/500/20
分区标题 · 取值 200 mm
结构与取值
field · 14/400/20
字段名：榫头大小
标签
label · 14/600/20
按钮文案
按钮专用
note · 12/400/18
只影响图纸线宽，实际割缝由功率和焦距决定。行高 18 是为了让四行也不窒息。
成段说明
micro · 12/400/16
mm · 14:32 · 24px 密集控件
单位与时间
ruler · 9/400
0 20 40 60 80 100
仅标尺
结构和说明是两个语域，不该一起抬。12px 不是"小一号的 14"，它是给成段说明的档位——行高 18 而不是 16，正因为四行 12px 配 16px 行高会窒息。整套字号回落只需改两组变量。
层级用字重加颜色，不用字号
同一个 14px 里排出三层。字段名和取值之间差的是字重加颜色两档，这比再加一个字号更清楚，也不会让面板变高。
分块14/500 primary
共 30 块，单块 33.33 × 30.00 mm。
分区标题 14/500 主文本 → 字段名 14/400 次要色 → 说明 12/400 三级色。三层，一个字号。