ZC Design System
  1. 1Colors
  2. 2Typography
  3. 3Design System
  4. 4Preview
  5. 5Export

Step 2

Typography Pairing

Choose a heading and body style that fits the personality of the brand.

H1Clamp 2.4rem → 4.8rem
H2Clamp 2rem → 3.6rem
BodyClamp 1rem → 1.125rem
Small0.875rem
BackBuild Design System
Typography sample

Typography pairing

The right type makes a brand feel intentional.

Strong hierarchy helps visitors understand where to look, what matters, and what action to take next.

Readable

Body text should stay comfortable across desktop and mobile.

Distinctive

Headings can carry more personality without becoming hard to use.