Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Dark Violet: hsl(256, 26%, 20%)
Grayish Blue: hsl(216, 30%, 68%)

Neutral

Very Dark Violet: hsl(270, 9%, 17%)
Dark Grayish Violet: hsl(273, 4%, 51%)
Very Light Gray: hsl(0, 0%, 98%)

Typography

Body Copy

Font size: 16px

Headings

Family: DM Serif Display
Weights: 400

Body

Family: Karla
Weights: 400, 700

Icons

You can use either use the social icons provided or load in a font icon library. Some library suggestions can be found below: