Typographic Scale Calculator
100% Client-Side
📋 Copy CSS
⬇ Download CSS
Scale Settings
📂 Cargar Ejemplo
📱 Mobile (1.200 Minor Third)
💻 Desktop (1.250 Major Third)
📐 Golden Ratio (1.618)
Base size (px)
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)
Golden Ratio (1.618)
Custom
Custom ratio
Steps
Generate Scale
Typographic Scale
Set parameters and press "Generate Scale"