Generate a modular type scale for design systems. Auto h1~h6 sizing with CSS variables.
🎯 Preview
📋 CSS
FAQ
rem vs px?
rem scales with user font-size preference for accessibility.
Too big on mobile?
Use media query to reduce base on small screens: @media (max-width: 640px) { html { font-size: 14px; } }
Free?
Yes.
Golden ratio?
1.618 — bold dramatic. 1.2-1.25 — comfortable for body-heavy sites.