SuperAPI AI 工具集

m-type-scale

设计与创作

查看项目

更新于 10-16 06:55

技能介绍

用途

m-type-scale 用于从基础字号(base)和比例系数(ratio)出发,生成一套数学化的字体比例(type scale)。它适合需要在网页或界面设计中建立统一字号体系的场景,帮助设计者与开发者快速得到一组成比例、可复用的字号阶梯。

主要能力

  • 根据给定的基础字号与比例系数,计算 8 级字号阶梯(从 xs 到 3xl)。
  • 每一级输出像素值(px),并四舍五入为整数像素。
  • 每一级同时输出对应的 rem 换算值。
  • 输出 CSS 自定义属性(CSS custom properties),便于直接引入样式表使用。
  • 为每一级附带行高(line-height)与字间距(letter-spacing)建议。

使用方式

调用格式为:

/m-type-scale [base] [ratio]

其中 [base] 为基础字号,[ratio] 为比例系数。

可用的比例系数包括:

  • 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

适用场景

  • 网页排版系统中建立统一的字号阶梯。
  • 设计系统或组件库中定义可复用的字号变量。
  • 需要将设计稿中的字号体系转换为 CSS 自定义属性的开发流程。

限制

关于该技能的具体运行环境、依赖条件、是否支持自定义级数或自定义输出格式等信息,资料中暂未提供。