type-system 是一项面向界面设计的排版系统构建技能，核心用途是为产品建立可复用、数学化且结构清晰的字体体系，而不是单纯挑选一款好看的字体。
用途与定位：资料指出，网页上超过 90% 的用户交互是阅读文本，因此排版系统需要同时管理视觉层级、模数比例、光学行高、字符行宽和垂直节奏。排版系统一旦断裂，会产生难以阅读的文本墙、割裂的标题层级和严重的读者认知疲劳。
四步构建架构：
- 模数比例与字号阶梯：按内容密度选择单一模数比例。Major Second（1.125）适合超高密度仪表盘、IDE 和数据表；Major Third（1.250）适合现代软件界面与 Web 应用，属于均衡标准；Perfect Fourth（1.333）适合营销页与编辑型博客，对比更强。资料以 16px 基准、1.25 比例给出了从 caption 到 display 的字号推演示例。
- 行高与垂直节奏：遵循“字号越大、行高比例越小”的反向原则。正文 16px 建议行高 1.5–1.6；24px 小标题约 1.3；48px 展示标题约 1.1–1.15，使多行大标题在视觉上保持为一个整体。
- 行宽与字距：阅读理解的理想行宽为 45–75 字符（含空格），正文容器可用 max-width: 65ch 约束，避免在 1920px 宽屏上无限延伸。大号展示标题使用轻微负字距（-0.02em 至 -0.03em），小号大写标签使用正字距（+0.05em 至 +0.08em）。
- 字体搭配与系统回退：跨不同字体分类进行搭配，例如几何无衬线体（Inter、Geist、Plus Jakarta Sans）用于主界面与展示，等宽字体（JetBrains Mono、Fira Code）用于数据与代码，现代人文衬线体（Newsreader、Charter）用于长文编辑内容。字体栈必须包含系统回退，以防累积布局偏移（CLS），资料给出了 sans-serif 与 monospace 两组示例写法。
使用方式与产出：该技能以结构化流程引导设计决策，最终交付一份“排版比例规范”（TYPE-SYSTEM.md），其中包含字体族栈、主字号阶梯表（层级、字号、行高、字距、字重、用途）以及结构性行宽约束（正文 max-width: 65ch，标题 max-width: 25ch）。
适用场景：适合需要统一界面字号层级、定义模数比例、搭配字体、修复长文可读性问题的产品与设计团队。资料提供了一个修复工程文档排版的实例：原本文本在宽屏上行宽达 1400px（每行约 180 字符），14px 正文行高仅 1.2；整改后正文容器限制为 68ch，字号提升至 16px、行高 1.6，代码块改为 14px JetBrains Mono。资料称整改后页面停留时间增加 62%，阅读完成率翻倍。
限制与注意事项：资料给出了验证清单与反模式，包括避免 4K 屏上正文满宽铺开、避免在一个 Web 应用中随意使用 17 种字号、避免给 48px 标题设置 1.6 行高。该技能的收费、价格、平台支持等信息暂未提供。