用途：建立清晰、有意图的排版层级，用比例、字重、间距、颜色对比与节奏引导读者视线，让结构一眼可辨。
主要能力：围绕六个杠杆调整——字号（主要信号）、字重（700+用于主导标签，300–400用于辅助文本）、颜色/不透明度（次级文本用灰调）、字距（大号展示文字收紧，全大写标签放宽0.05–0.2em）、行高（正文1.6–1.8，大标题1.0–1.2）、留白（标题上方留白体现重要性）。提供模块化比例系统（1.25、1.333、1.414、1.5、1.618）与实用默认字号变量、字重配对表、深浅主题文本不透明度层级、标题间距模式、CSS 自定义属性、Tailwind 工具类映射与 React 可复用文本组件示例。
使用方式：先确定所需的最少杠杆数量，按比例与基准字号生成字号阶梯；用 CSS 变量或 Tailwind 类落地；审查现有排版时依次做眯眼测试、检查相邻层级字号差是否至少1.25倍、字重是否扁平、颜色是否单一、标题留白是否充足、移动端层级是否保留。
适用场景：界面与网页排版、设计系统字号规范、现有页面排版审查与修复。
限制：正文最小16px（可读内容不低于14px）；WCAG AA 对比度正文4.5:1、大号文字3:1；不可仅靠颜色建立层级；使用语义化 HTML；字号层级不超过5种。字体配对与 Google Fonts 导入片段见 references/font-pairs.md。