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.

Baseline has more than just a type scale generator

Baseline makes designing content incredibly simple and ensures that your brand/company/product looks professional. It helps you create a solid brand guide by guiding you through a few simple steps, which you can then leverage into creating stunning, on-brand designs with only a single click. You can easily create a type scale as a part of your brand guide.

Create a Better BrandIt's free to get started!
Screenshot of Baseline Studio