search

Mockup

Colors

Primary

Red

#C91005

Variable: color-red

Primary

#221F1F

Variable: color-primary

Black

#221F1F

Variable: color-black

White

#ffffff

Variable: footer-backgroundColor color-white

COOL GRAY / GREY DARK

#919396

Variable: color-greyDark header-banner-backgroundColor

GREY LIGHT

#D8D9DB

Variable: color-greyLight footer-banner-backgroundColor header-backgroundColor footer-backgroundColor

Secondary

Secondary

#ffffff

Variable: color-secondary

Teal

#9DD8D9

Variable: color-teal

Dark Blue

#103651

Variable: color-darkBlue

Orange

#F7941D

Variable: color-orange

yellow

#FFE600

Variable: color-yellow

Typography

Fonts

Minion Pro
Bebas Neue

HEADING 1

HEADING 2

HEADING 3

HEADING 4

HEADING 5

Body text

18px (body size):

Lorem ipsum dolor sit amet consectetur. Nunc risus ac et at facilisis sit amet fermentum pellentesque. Quam nulla sit aliquam viverra leo.

  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit amet consectetur.
16px:

Lorem ipsum dolor sit amet consectetur. Nunc risus ac et at facilisis sit amet fermentum pellentesque. Quam nulla sit aliquam viverra leo.

  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit amet consectetur.

The quick brown fox

The quick brown fox jumps over the lazy dog.

Sphinx of black quartz, judge my vow.

Buttons

Links

Forms

Inputs

Radio Buttons, Checkbox, Switch