Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Neutral

Very Dark Blue: hsl(200, 15%, 8%)
Dark Gray: hsl(0, 0%, 52%)
Very Light Gray : hsl(0, 0%, 98%)
White: hsl(0, 0%, 100%)

Typography

Body Copy

Homepage Items: 14px
Detail Page: 16px

Fonts

Family: Nunito Sans
Weights: 300, 600, 800

Icons

For the icons, you can use a font icon library. Don't worry if the icons that you choose don't look exactly like they do on the design.

Some suggestions can be found below: