SuperAPI AI 工具集

type-scale

前端与建站

查看项目

更新于 10-15 21:12

技能介绍

用途:type-scale 用于根据基础字号与比例生成数学字阶(type scale),帮助建立一致的字体层级。

用法:/type-scale [base] [ratio]。默认 base=16px,ratio=1.250(Major Third)。

可选比例:Minor Second 1.067(紧凑,适合数据密集界面);Major Second 1.125(紧凑应用与仪表盘);Minor Third 1.200(均衡,应用常用默认);Major Third 1.250(层级清晰,适合营销);Perfect Fourth 1.333(层级强,适合落地页);Augmented Fourth 1.414(戏剧化,编辑类);Perfect Fifth 1.500(非常戏剧化,突出主视觉)。

输出:生成 7 级字阶,包括像素值(四舍五入到整数)、rem 等效值、CSS 自定义属性,以及建议用法(哪个元素用哪个字号)。

规则:所有数值取整;正文始终使用基础字号;最小标题字号比基础大 1 级;字阶最多 7 级;应用界面用固定字阶,营销页面可用 clamp() 实现流体排版;始终搭配行高建议,标题 1.1–1.2,正文 1.5–1.7。

限制:资料未提供价格、平台支持、安装方式等更多信息。