Generate a harmonious typographic scale using modular ratios. This calculator creates consistent, proportional font sizes based on musical intervals and mathematical ratios.

Base Settings

• Base Size: Your body text size (typically 16px)
• Unit: Output unit (rem recommended for accessibility)

Common Ratios

• 1.067 Minor Second: Very subtle, tight scale
• 1.125 Major Second: Subtle variation
• 1.2 Minor Third: Gentle progression
• 1.25 Major Third: Popular balanced choice
• 1.333 Perfect Fourth: Strong hierarchy
• 1.5 Perfect Fifth: Dramatic differences
• 1.618 Golden Ratio: Classic mathematical proportion

/* CSS Custom Properties */
:root {
  --text-xs: 0.8rem;
  --text-sm: 0.889rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.563rem;
  --text-2xl: 1.953rem;
}

/* Usage */
h1 { font-size: var(--text-2xl); }
p { font-size: var(--text-base); }