Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Very Dark Blue: hsl(243, 87%, 12%)
Desaturated Blue: hsl(238, 22%, 44%)

Accent

Bright Blue: hsl(224, 93%, 58%)
Moderate Cyan: hsl(170, 45%, 43%)

Neutral

Light Grayish Blue: hsl(240, 75%, 98%)
Light Gray: hsl(0, 0%, 75%)

Typography

Headings, Call-to-actions, Header Navigation

Family: Raleway
Weights: 400, 700

Body

Family: Open Sans
Weights: 400