Typography

Composite token translated into readily accessible Tailwind base & components layers.

Font Weight

ValueGenerated class
Thin
font-thin
100
font-thin
Thin Italic
font-thin italic
Extra Light
font-extralight
200
font-extralight
Extra Light Italic
font-extralight italic
Light
font-light
300
font-light
Light Italic
font-light italic
Regular
font-normal
400
font-normal
Regular Italic
font-normal italic
Medium
font-medium
500
font-medium
Medium Italic
font-medium italic
Semi Bold
font-semibold
600
font-semibold
Semi Bold Italic
font-semibold italic
Bold
font-bold
700
font-bold
Bold Italic
font-bold italic
Extra Bold
font-extrabold
800
font-extrabold
Extra Bold Italic
font-extrabold italic
Black
font-black
900
font-black
Black Italic
font-black italic