Typography Generator

Create and preview typographic scales and font pairings.

Fonts

Scale

Details

Live Preview

The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.

The five boxing wizards jump quickly.

Export Code

:root {
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  
  --font-weight-heading: 700;
  --font-weight-body: 400;
  
  --font-size-h1: 39.06px;
  --font-size-h2: 31.25px;
  --font-size-h3: 25.00px;
  --font-size-h4: 20.00px;
  --font-size-p: 16.00px;
  --font-size-small: 12.80px;

  --line-height: 1.5;
}