Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Pale blue: hsl(225, 100%, 94%)[the background color]
Bright blue: hsl(245, 75%, 52%)[button color]

Neutral

Very pale blue: hsl(225, 100%, 98%)[Plan details]
Desaturated blue: hsl(224, 23%, 55%)[shadow color]
Dark blue: hsl(223, 47%, 23%)

Typography

Body Copy

Font size (paragraph): 16px

Font

Family: Red Hat Display
Weights: 500, 700, 900