Website Style Guide

Welcome to the hero banner. Time to clearly state what your customer wants and how your product or service helps them get it.

Heading Styles: (Raleway)


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Button Styles:


Btn-Primary

Btn-Secondary

Btn-Tertiary

Link Styles:


Normal Link

Hover Link

Link Testing

Body Style: (Lato)


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

Block Quote Style:


"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea."

 

Fonts Used:


Exo

Use Exo for headlines only. Avoid using weights heavier than bold.

Download Font

Lato

Use Lato for sub-headlines and body copy. Use different weights to create hierarchy. Lato can be used in all caps.

Download Font

Primary Color Palette:


⬢   Light Blue: #D2ECF9
⬢   Medium Blue: #52B6E8
⬢   Dark Blue: #177BAD
⬢   Yellow Accent: #9CE8C6

Neutral Color Palette:


⬢   Black: #000000
⬢   Dark Gray: #404040
⬢   Light Gray: #f7f7f7