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