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%) /___________________bg-Footer
Desaturated Blue: hsl(238, 22%, 44%) /__________________bg-bottom main section

Accent

Bright Blue: hsl(224, 93%, 58%) /__________button
Moderate Cyan: hsl(170, 45%, 43%) /______Link in main middle

Neutral

Light Grayish Blue: hsl(240, 75%, 98%) /____bg-middle main section
Light Gray: hsl(0, 0%, 75%)

Typography

Headings, Call-to-actions, Header Navigation

Family: Raleway
Weights: 400, 700

Body

Family: Open Sans
Weights: 400