使用步骤
- 选择静态 scale 或 fluid clamp 模式。
- 根据模式设置基础字号、比例、视口范围和 token 前缀。
- 查看排版预览后复制 CSS token 或 clamp() 代码。
设计工具
字号比例生成器
生成静态字号比例或响应式 clamp() 排版 scale、CSS token 和预览样张。
本地简单运行
使用指南
开始使用
可在静态字号梯级和 fluid clamp 两种模式间切换，统一生成设计系统常用的排版 token。
使用例子
- 为设计系统生成 1.25 比例的 Major Third 字号系统。
- 为标题生成从移动端到桌面端平滑缩放的 clamp() token。
加载中
字号比例生成器
工具微前端加载中。