Components

Label
Section Header

Block Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Label
Section Header

Block Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Typography

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4
Heading 5
Heading 5
Heading 6
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc inline link vitae risus tristique posuere.

Paragraph — Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc inline link vitae risus tristique posuere.

Paragraph — Default
Lorem ipsum dolor sit amet
White Text
Lorem ipsum dolor sit amet
Grey-300 Text
Lorem ipsum dolor sit amet
Text
Lorem ipsum dolor sit amet
Blue-500 Text
Lorem ipsum dolor sit amet
Brand Blue Text
Lorem ipsum dolor sit amet
Block Quote
Text Link
Link
Lorem ipsum dolor sit amet
Meta

Grids

1-Column Grid
2-Column Grid
3-Column Grid
4-Column Grid
5-Column Grid

Padding

16px Padding
24px Padding
48px Padding
96px Padding

Spacers & Dividers

8px Spacer
16px Spacer
24px Spacer
32px Spacer
40px Spacer
48px Spacer
56px Spacer
64px Spacer
72px Spacer
80px Spacer
88px Spacer
96px Spacer
Text Divider
16px Divider
24px Divider
48px Divider

Flex Box

Horizontal; Align Top; Justify Left
Horizontal; Align Top; Justify Center
Horizontal; Align Top; Justify Right
Horizontal; Align Top; Justify Split
Horizontal; Align Center; Justify Left
Horizontal; Align Center; Justify Center
Horizontal; Align Center; Justify Right
Horizontal; Align Center; Justify Split
Horizontal; Align Bottom; Justify Left
Horizontal; Align Bottom; Justify Center
Horizontal; Align Bottom; Justify Right
Horizontal; Align Bottom; Justify Split
Horizontal; Align Stretch; Justify Left
Horizontal; Align Stretch; Justify Center
Horizontal; Align Stretch; Justify Right
Horizontal; Align Stretch; Justify Split
Vertical; Align Left; Justify Top
vertical; Align left; Justify Center
vertical; Align left; Justify bottom
vertical; Align left; Justify Split
Vertical; Align Center; Justify Top
Vertical; Align Center; Justify Center
Vertical; Align Center; Justify Bottom
Vertical; Align Center; Justify Split
Vertical; Align Right; Justify Top
Vertical; Align Right; Justify Center
Vertical; Align Right; Justify Bottom
Vertical; Align Right; Justify Split
Vertical; Align Stretch; Justify Top
Vertical; Align Stretch; Justify Center
Vertical; Align Stretch; Justify Bottom
Vertical; Align Stretch; Justify Split