Typography (no styles attached)

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

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

Default Paragraph

Typography

Display 1

display-hero

Display 2

display-2

Display 3

display-3

Display 4

display-4

Display 5

display-5

Display 6

display-6

Display 7

display-7

Display 8

display-8

Display 9

display-9

Heading XL

heading-xl

Heading L

heading-l

Heading M

heading-m

Heading S

heading-s

Heading XS

heading-xs

Heading XXS

heading-xxs

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

body-xl

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

body-l

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

body-m

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

body-s

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

body-xs

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

body-xxs

Block Quote

Buttons

c-button-xl

c-button-l

c-button-ml

c-button-m

c-button-s

c-button-xl highlighted

Button L

c-button-l highlighted

Button ML

c-button-ml highlighted

Button M

c-button-m highlighted

Button S

c-button-s highlighted

c-button-xl outline

c-button-l outline

c-button-m outline

c-button-s outline

c-button-s outline

New Buttons

button-xl

button-l

button-m

button-s

button-xl secondary

button-l secondary

button-m secondary

button-s secondary

Buttons

c-button-l

c-button-m

c-button-s

c-button-l secondary

c-button-m secondary

c-button-s secondary

Colors

Black

Blue

Green

Ocre

Gold

Dark Grey

Grey

Warm Gray

Richtext

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

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.

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