Wiz'rd

Type Scale

Raw tier — configure font families, the type size scale, weights, line heights, and letter spacings. These raw values are referenced by the Typography alias step to build semantic text styles.

Rem Base

= 100% root font-size

Font Sizes

xs

Aa

sm

Aa

base

Aa

lg

Aa

xl

Aa

2xl

Aa

3xl

Aa

4xl

Aa

5xl

Aa

6xl

Aa

7xl

Aa

Font Weights

regular

medium

semibold

bold

Line Heights

tighter

tight

normal

loose

Letter Spacings

tighter

tight

normal

wide

wider

widest