Typography

Font Styles

H1

Heading-1

heading-style-h1

Lorem ipsum

H2

Heading-2

heading-style-h2

Lorem ipsum

H3

Heading-3

heading-style-h3

Lorem ipsum

p

paragraph

text-style-regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

text-style-label

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

Font weight

font-weight-regular

This is some text inside of a div block.

font-weight-medium

This is some text inside of a div block.

font-weight-demibold

This is some text inside of a div block.

line height

line-height-m

This is some text inside of a div block.

line-height-l

This is some text inside of a div block.

line-height-xl

This is some text inside of a div block.

text colors

text-color-accent

This is some text inside of a div block.

Base icons

Buttons & links

Links

link-accent

link-inherit

buttons

button.is-primary

Button

button.is-secondary

Button

button.is-tertiary

Button

Components

Logos

Company Logo

navigation

header

footer

forms

form

cookies-consent