Typography (no styles attached)

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. 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

Button XL
c-button-xl
Button L
c-button-l
Button ML
c-button-ml
Button M
c-button-m
Button S
c-button-s
Button XL
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
Button XL
c-button-xl outline
Button L
c-button-l outline
Button ML
c-button-m outline
Button M
c-button-s outline
Button S
c-button-s outline

New Buttons

Button XL
button-xl
Button L
button-l
Button M
button-m
Button S
button-s
Button XL
button-xl secondary
Button L
button-l secondary
Button M
button-m secondary
Button S
button-s secondary

Buttons

Button L
c-button-l
Button M
c-button-m
Button S
c-button-s
Button L
c-button-l secondary
Button M
c-button-m secondary
Button S
c-button-s secondary

Colors

Black
Blue
Green
Ocre
Gold
Dark Grey
Grey
Warm Gray
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

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript