Typography Scale Calculator

Generate a modular type scale with pixel and rem values for your design system.

Base Font Size (px)

Scale Ratio

Steps Up

Steps Down

Label	Level	Size (px)	Size (rem)	Preview
H1	+5	48.83	3.0519	Aa
H2	+4	39.06	2.4413	Aa
H3	+3	31.25	1.9531	Aa
H4	+2	25	1.5625	Aa
H5	+1	20	1.25	Aa
Body	0	16	1	Aa
Small	-1	12.8	0.8	Aa
Caption	-2	10.24	0.64	Aa

Save this scale into a BrandKit

Build Trust: Clear Brand Asset Delivery for Clients

General

When a design project wraps up, the excitement of a job well done can quickly turn into frustration if the final brand asset delivery is a mess. Scatt…

23 min read

Organize Brand Assets: One Link, Zero Confusion

General

Delivering brand assets to clients can feel like navigating a maze. When logos, color palettes, and font files are scattered across email threads, clo…

21 min read

Design Systems: Streamlined Asset Delivery

General

In today’s fast-paced digital landscape, the seamless delivery of brand assets is no longer a luxury—it’s a fundamental requirement for efficient crea…

26 min read