用途:为设计系统建立整套排版系统,而非零散字号。输入为选定字体(或先运行 font-pairing-suggester)、产品类型(营销站、密集应用 UI、长文编辑)与目标设备范围。
主要能力与工作流:一、审计现有 font-size、line-height、letter-spacing、font-weight,区分真实不同角色与累积漂移;二、选择阶梯数学,基准字号(营销/编辑 16px 正文下限,密集应用 UI 可用 13-14px)与比例(UI 密集产品 1.125-1.2,营销/编辑 1.25-1.333),营销站默认流体 clamp(),应用 UI 可用固定步进;三、为每级设置伴随值:行高随字号增大收紧(正文约 1.5-1.6,展示级到 1.1-1.2),展示级字距转负(-1% 至 -2.5%),小号大写/标签略正;四、定义语义角色 token(display、h1-h4、body-lg、body、body-sm、caption、overline、code),每个角色含尺寸+行高+字距+字重+字体族;五、垂直节奏:按角色的段后间距、标题 text-wrap: balance、正文 65-75ch 行宽限制;六、导出 typography-tokens.json、Tailwind fontSize 配置(v4 @theme)、typography.css 角色类与 TYPOGRAPHY.md,并将既有清单映射到角色后替换。
规则:处处用角色而非尺寸(text-h2 而非 text-[28px]);每级必须带行高与字距;角色 7-9 个足够,12+ 视为重复;正文字号是锚点,不为放大标题而缩小正文;只加载角色用到的字重;流体字号需检查 clamp() 下限在 320px 手机可读、上限不撑破超宽屏。
命令示例:“Build a type system for this project”“Audit my typography”“Make my headings fluid”“Retrofit components”。
限制:资料未提供具体价格、平台支持细节与效果数据,暂未提供。