Typography

Display Heading 1

This is a Display Heading

Display Heading 2

This is a Display Heading

Display Heading 3

This is a Display Heading

h1

This is a Heading

h2

This is a Heading

h3

This is a Heading

h4

This is a Heading

h5

This is a Heading

h6

This is a Heading

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.”
Bullet List
Aenean eu leo quam. Pellentesque ornare.
Nullam quis risus eget urna mollis ornare.
Donec id elit non mi porta gravida at eget.

Colors

Dark

Primary

Primary Pale

Primary Soft

Light

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

Vertical Spacing Small (Margin Top and Bottom 20px)

Card

Shadow