Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Bright orange: hsl(31, 77%, 52%) Dark cyan: hsl(184, 100%, 22%) Very dark cyan: hsl(179, 100%, 13%)

Neutral

Transparent white (paragraphs): hsla(0, 0%, 100%, 0.75) Very light gray (background, headings, buttons): hsl(0, 0%, 95%)

Typography

Body Copy

Font size: 15px

Font

Family: Lexend Deca
Weights: 400
Family: Big Shoulders Display
Weights: 700
font-family: 'Big Shoulders Display', cursive;
font-family: 'Lexend Deca', sans-serif;