Typography

Display 1

Display 2

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Label

This is a label

This is a SECONDARY label

Paragraph

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.

Paragraph Large

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.

Block quote
“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Cras justo odio dapibus facilisis sociis natoque.”

Colors

Yellow 500

Orange 500

Pink 500

Violet 500

Purple 500

Blue 500

Green 500

Teal 500

Yellow 300

Orange 300

Pink 300

Violet 300

Purple 300

Blue 300

Green 300

Teal 300

Body Text
Text Primary
Text Gradient
Text Secondary

MArgıns

Margın Bottom 5

Margın Bottom 10

Margın Bottom 15

Margın Bottom 20

Margın Bottom 25

Margın Bottom 30

Margın Bottom 35

Margın Bottom 40

Margın Bottom 45

Margın Bottom 50

Margın Bottom 55

Margın Bottom 60

Margın Bottom 65

Margın Bottom 70

Margın Bottom 75

Margın Bottom 80

Margın Bottom NONE