Type Scale Generator

Easy to use type scale generator to for consistent typography. Automatic code generated for CSS and Tailwind configs.

h1 3.05em(48.828px)

Lorem ipsum dolor sit amet, consectetur adipiscing.

h2 2.44em(39.063px)

Lorem ipsum dolor sit amet, consectetur adipiscing.

h3 1.95em(31.25px)

Lorem ipsum dolor sit amet, consectetur adipiscing.

h4 1.56em(25px)

Lorem ipsum dolor sit amet, consectetur adipiscing.

h5 1.25em(20px)

Lorem ipsum dolor sit amet, consectetur adipiscing.

Body text 1em(16px)

Lorem ipsum dolor sit amet, consectetur adipiscing.

Caption text 0.8em(12.8px)

Lorem ipsum dolor sit amet, consectetur adipiscing.

Small print 0.64em(10.24px)

Lorem ipsum dolor sit amet, consectetur adipiscing.

Get more than just a Type Scale

We're working on awesome tools to supercharge your brand. Sign up and get notified when we launch our brand guide!