Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Pink: hsl(322, 100%, 66%)

Neutral

Very Pale Cyan: hsl(193, 100%, 96%)
Very Dark Cyan: hsl(192, 100%, 9%)
Grayish Blue: hsl(208, 11%, 55%)

Typography

Body Copy

Font size: 18px

Headings

Family: Poppins
Weights: 600

Body, Call-to-actions

Family: Open Sans
Weights: 400, 700

Icons

For the social icons, you can use a font icon library. Some suggestions can be found below: