Style Guide

Headings – Inter 800

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Looks Like H1

Looks Like H2

Looks Like H3

Looks Like H4

Looks Like H5

Looks Like H6

Body Text

Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam velit corper. Pharetra torquent auctor metus text link velit. Natoque tellus semper taciti nostra primis lectus donec tortor fusce morbi risus curae.

Suscipit taciti primis tempor euismod aptent felis blandit cursus gravida lectus nullam dapibus netus. Curae iaculis aptent leo ligula euismod mauris gravida etiam praesent magnis congue gravida magna netus inceptos.

  • Lorem ipsum amet elit morbi dolor tortor
  • Pharetra torquent auctor ultrices metus felis
  • Vivamus habitant text link sagittis nascetur
  • Natoque tellus inceptos semper taciti volutpat
  • Semper pharetra montes nisi congue integer
Additional Global Styles

Heading Large

Pre Header

Body XL

Body L

Body S

Body XS

Color Palette

brand

brand-alt

brand secondary

brand secondary alt

action

action alt

base-100

base-200

base-300

base-400

base-500

base-600

base-700

base-800

base-900

Icons

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 – Global Max Width 1280px

wrapper-m · var(–width-m)

wrapper-s · var(–width-s)

wrapper-xs · var(–width-xs)