Heading Classes
Heading classes when typography style doesn't match the default HTML tag.
Heading classes when typography style doesn't match the default HTML tag.
XXL
56/64 - 500 Heading
XL
40/48 - 500 Heading
L
24/32 - 500 Heading
M
16/24 - 500 Heading
S
12/24 - 500 Heading
Text Sizes
Text sizes classes when typography size doesn't match the default HTML tag.
Text sizes classes when typography size doesn't match the default HTML tag.
text-size-medium
18/24 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
text-size-regular
16/24 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
text-size-small
14/20 - 500 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Text Weights
Text weight classes when typography weight doesn't match the default HTML tag.
Text weight classes when typography weight doesn't match the default HTML tag.
text-weight-medium
text-weight-semibold (600)
text-weight-medium
text-weight-medium (500)
text-weight-normal
text-weight-normal (400)
Text Color
Text weight classes when typography weight doesn't match the default HTML tag.
Text weight classes when typography weight doesn't match the default HTML tag.
text-color-300
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
Color White Lorem ipsum dolor sit amet
