Tokens
Typography
The typographic hierarchy aims to create contrast between the most significant and minor elements of the text. Contrast is created by adjusting typography elements, including fonts, their size, style and color, and their alignment.
Text styles
Headlines
Headline XL
Headline L
Headline M
Headline S
Headline XS
Headline XXS
Body text
Body L
Body M
Body S
Additional styles
Label M
Label S
Overline
Caption
Support styles
Capitalize Every word
Lowercase
All Caps
Decoration None
Italic
Strikethrough
Overline
Underline
Bold
Quotes
“You know you're in love when you can't fall asleep because reality is finally better than your dreams.”
Text alignment
You can set alignment for text elements by adding a class name from below.
TAR
Text align right
TAL
Text align left
TAC
Text align center
TAJ
Text align justify