Typography, Colors & Components

Style Guide

Headings – Inter 800

H1 – Lorem ipsum amet morbi dolor tortor eget mollis nostra.

H2 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper.

H3 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis.

H4 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus.

H5 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus semper taciti nostra.
H6 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus semper taciti nostra pharetra montes.
Body Text – Inter 400

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

H1 Large

H2 Large

Text Large Semibold

Text Semibold

Text Small

Text Small Semibold

Text Extra Small

Text Extra Small Semibold

List Headline with Icon

Color Palette

contrast

contrast-2

contrast-3

base

base-2

base-3 (white)

accent

accent-2

accent-3

Buttons
Primary Button Secondary Button Tertiary Button Text & Icon Button Navigation Button
Icons