定位与来源

本页是「设计规范库」的排版底座，与 设计令牌总览 互补：令牌管「色彩与字体」，本页管「字号、圆角、间距」。数值从 VIS V8 视觉规范 的实际 CSS 规则中提取（非口头约定），保证规范站得住脚。

诚实标注：下表是 VIS V8 规范文档真实 CSS 的实测分布（按出现频次统计），反映当前实际用法；其中部分为历史遗留的非标值。规范阶梯是在此之上给出的推荐收敛方向，落地时以本页阶梯为准、以 VIS 源文档为权威。

1. 字号阶梯

VIS V8 实测字号分布（按出现频次）：

字号出现频次归类角色
28px / 30px5 / 1大标题页面主标题、模块标题
24px / 20px / 18px2 / 2 / 3中标题二级标题、强调
14px / 13px9 / 7正文基准正文、说明文字
12px / 11px13 / 14辅助文字注释、标签、表格内容
10px / 9px / 8px / 7px11 / 5 / 5 / 2极细信息脚注、密集表头、微型标注
推荐收敛为 4 级阶梯：标题 28px / 次级 20px / 正文 14px / 辅助 12px。≤10px 仅用于不可放大的印刷微标，屏幕端最低不得低于 12px（无障碍可读性底线）。

2. 圆角体系

VIS V8 实测圆角分布：

2–3px
高频·微圆角（标签、小色块、信号条）
4–6px
中圆角（卡片、按钮、区块）
8–12px
大圆角（大卡片、面板、容器）

推荐统一为 三级圆角尺度：--radius-sm 4px / --radius-md 8px / --radius-lg 12px，微标签可用 2px。避免散落使用 5px、10px 等中间值。

3. 间距与留白

VIS V8 实测间距（margin / padding / gap）以 2px 为最小基准的非标分布为主：

间距值典型用途
2–3px元素内微间隙、紧排
6–8px控件内 padding、紧凑列表
10–14px区块内边距、卡片间距（最高频）
16–20px模块间距、分组留白
24px大区块间隔
建议升级为 4px 基准尺度：4 / 8 / 12 / 16 / 24 / 32px。以 4 为模数，视觉节奏更统一，也便于与组件库默认间距对齐。这是规范演进建议，不强制改写 VIS V8 既有页面。

4. 行高与字重

  • 行高：正文建议 1.5–1.6，表格/辅助文字可收紧至 1.3–1.4。
  • 字重：中文 Noto Sans SC 常用 900（标题）/ 700（强调）/ 500（正文）；西文 Inter 对应 Bold / SemiBold / Regular。详见 字体迁移方案 的字重映射。

5. 关联规范（一源真相）