Headline XL

Headline H1

Looks H1

Headline H2

Looks H2

Headline H3

Looks H3

Headline H4

Looks H4

Headline H5

Looks H5

Headline H6

Looks H6

HEADLINE PRE

Body XL

Body L

Body Default (Gutenberg)

Body Default (GenerateBlocks)

Body S

Body XS

Paragraph Looks Headline

• This is a list
• This is a list

1. This is a list
2. This is a list

This is a block quote

This is the citation

Colors

primary, primary Alt, Contrast, Contrast-Alt

Surface-0, Surface-10, Surface-20, Surface-30

Surface-70, Surface-80, Surface-90,surface-100

Buttons

Primary

Primary, Contrast, Primary Alt, Primary Outline, Primary Ghost

Primary on Dark

Primary Alt on Dark

Primary Outline on Dark

Primary Ghost on Dark

Sections & Containers

Section XS (1rem / 1.5rem)

Section S (1.5rem / 1.5rem)

Section M (2.5rem / 1.5rem)

Section D (5rem / 1.5rem)

Section L (7.5rem / 1.5rem)

Section XL (10rem / 1.5rem)

Default Container Width (1280px)

var(–width-m)

var(–width-s)

var(–width-xs)

Modals

Modal 1