Typography
Mobile ≥ 360 px
text-xl4
Display large
text-xl3
headline large
text-xl2-headline
headline medium
text-lg-serif
headline small
text-lg-subheadline
subheadline large
text-base-subheadline
subheadline medium
text-base
body
text-base-emphasis
body emphasis
text-xs
body small
text-xs-emphasis
body small
text-sm-button
Buttontext
text-base-link
Textlink medium
text-sm-link
Textlink small
Mobile ≥ 720 px
text-7xl
Display large
Desktop ≥ 1200 px
text-7xl
Display large
text-5xl
headline large
text-xl4
headline medium
text-2xl-serif
headline small
Colors
base-50
base-100
base-200
base-300
base-400
base-500
orange-50
orange-100
orange-200
orange-300
orange-400
green-100
green-200
green-300
blue-100
blue-200
blue-300
red-200
violet-200
teal-300