Style guide

Display

Display text

Heading H1

H-lg

Heading-lg

Heading H2

H-md

Heading-md

Heading H3

H-sm

Heading-sm

H-4

Heading H4

H-xs

Heading-xs

H-5

Heading H5

H-xxs

Heading-xs

H-6

Heading H6

H-xxxs

Heading-xs

H-7

This is some text inside of a div block.

H-xxxxs

This is some text inside of a div block.

Body-lg

This is some text inside of a div block.

Body-lg-Med

This is some text inside of a div block.

Body

This is some text inside of a div block.

Paragarph

Body-sm

This is some text inside of a div block.

Paragarph

Body-sm-Med

This is some text inside of a div block.

Paragarph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Caption

Example caption

Eyebrow

Example Eyebrow

Rich text

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript