Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Dark Blue (intro and email sign up background): #1C2431
Dark Blue (main background): #181F2A
Dark Blue (footer background): #0B1523
Dark Blue (testimonials background): #202A3C

Accent

Cyan (inside call-to-action gradient): #65E2D9
Blue (inside call-to-action gradient): #339ECC
Light Red (error): #FF4242

Neutral

White: #ffffff

Typography

Body Copy

Font size: 14px

Headings, Call-to-actions, Header Navigation

Family: Raleway
Weights: 400, 700

Body

Family: Open Sans
Weights: 400, 700

Icons

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