/type-scale — Mathematical Type Scale Generator

Usage

/type-scale [base] [ratio]

Default: base=16px, ratio=1.250 (Major Third)

Available Ratios

• Minor Second: 1.067 — very tight, for data-heavy UIs
• Major Second: 1.125 — compact apps and dashboards
• Minor Third: 1.200 — balanced, good default for apps
• Major Third: 1.250 — clear hierarchy, good for marketing
• Perfect Fourth: 1.333 — strong hierarchy, landing pages
• Augmented Fourth: 1.414 — dramatic, editorial
• Perfect Fifth: 1.500 — very dramatic, hero-focused