Style Guide

TypographyColorsIconsLogosSpace systemBorder radiusButtons & LinksForm elementsComponents

Typography

Font Styles

H1

Futura

H2

Futura

H3

Futura

H4

Futura

heading-accent

Futura

heading-h1

Futura

heading-h2

Futura

heading-h3

Futura

heading-h4

Futura

title-l

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

title-m

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

title-s

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

body-l

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

body-m

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

body-s

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

label

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

button-text

Lorem ipsum dolor sit amet

Font weight

font-weight-regular
This is some text.
font-weight-medium
This is some text.
font-weight-bold
This is some text inside.

line height

line-height-90
This is some text inside of a div block.
line-height-128
This is some text inside of a div block.
line-height-140
This is some text inside of a div block.

text colors

color-opacity-0.5
This is some text inside of a div block.
text-color-secondary
This is some text inside of a div block.

Colors

Base

Other

Icons

Logos

Buttons

button
button
button
button
button
button
button
button
button
button
button
button
button
button

Links

nav linkfooter link

Slider buttons

Form elements

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form Get Downloads

leave your
e-mail
to download
{{name}}
Thank you!
Your file is on its way to your unbox.
If you don’t see it in a few minutes,
please check your spam or promotions folder.
Oops! Something went wrong while submitting the form.

Page headers

Page footer

Cookies Consent