用途：面向界面与视觉设计的排版（Typography）技能，提供字体搭配、层级系统与细节规范，目标是让排版达到专业水准。
主要能力：
- 字体搭配策略。核心是“2 字体规则”：多数项目只需两款字体，一款展示（display）、一款正文（body）。提供三类搭配方式——对比搭配（最可靠，如衬线展示+无衬线正文，示例 Playfair Display + Source Sans 3）、同超家族搭配（最安全，如 IBM Plex Sans + IBM Plex Serif）、结构匹配搭配（最难但回报最高，如 Satoshi + Instrument Serif）。
- 搭配反面模式：两款几何无衬线混用、两款高个性展示字体、超过两款无明确目的、用展示字体排正文、用正文字体排标题。
- 层级系统。用“眯眼测试”检验：眯眼至无法读字时仍应看到 3 个清晰视觉权重层级。层级工具按影响排序为字号、字重、颜色/对比、大小写、位置、间距。给出实用字号阶梯：展示标题 48–72px、H1 30–36px、H2 24px、H3 20px、正文 16px、注释/标签 12–14px，单界面不超过 5–6 种字号。
- 排版细节。行高：标题 1.1–1.2，正文 1.5–1.6，UI 标签 1.2–1.3。行长：最佳每行 60–75 字符，最小 45、最大 90，应对文本容器设 max-width 而非视口宽度。字间距：36px 以上大标题收紧（-0.01 至 -0.02em），全大写文字放宽（+0.05 至 +0.1em），正文保持 0，12px 小字轻微放宽（+0.01em）。还包括悬挂标点（行首引号与项目符号挂在文本块外侧）以及避免孤字（widow）与孤行标题（orphan），标题可用 CSS 的 text-wrap: balance。
使用方式：作为设计参考与检查清单，在设计流程中指导字体选择、层级划分和细节调整，并给出具体示例与数值。
适用场景：界面设计、网页与品牌视觉的排版决策。
限制：资料未提供安装命令、平台支持范围与收费信息。