开源排版速查表：5 条规则统一组件库文字层级

是什么：这是 @micka_design 为开源组件库 Fluid Functionalism 发布的排版速查表。核心主张是用 5 个文字样式（Display/Title/Subtitle/Body/Caption）、3 种字重、2 种文字色、1 个字体（Inter Variable 4.0）覆盖从页面标题到说明文字的全部场景，并立下 5 条禁令：不用大写、不用字距、不用眉题、Markdown 不特殊化、不用透明度做文字层级。技术栈为 React + Tailwind v4，提供 Radix/Base UI 双版本，经 shadcn CLI 按组件安装，MIT 协议。

核心设计：论点链条是「规则越少越难，但一致性越高」——作者坦言每加一个样式都让系统更臃肿，真正难点是把简单规则落到每一个组件表面。细节工艺包括：每个字重配对光学尺寸（opsz），semibold 不推移邻居；tabular-nums 让变化中的数字不抖动布局；text-box: trim-both 使设定内边距即所见；text-wrap: balance/pretty 分别均衡标题行与消除段落孤词；三档弹簧速度（0.08/0.16/0.24s）统一全库动效。

关键洞察：同一套规则被同时交付给人（文档与示例）和 AI（Copy prompt 安装提示词、npx skills add 的 Coding Agent 技能，让 agent 读取技术栈并修复排版问题）。设计系统的分发方式正从「复制代码」演进为「安装技能」，规则本身成为可执行资产。

边界与风险：体系强依赖 Inter 4.0 的光学尺寸特性，更换字体即失效；单字体、5 样式适合工具型与密集信息界面，品牌表达类页面会显得过于克制；text-box 等较新 CSS 特性需关注浏览器兼容性。