Style Guide

Primary Color – Aqua Deep
Hex Code #0D463A
Secondary Color – Salem
Hex Code #05763E
Primary Color – Aqua Deep
Hex Code #0D463A
Secondary Color – Salem
Hex Code #05763E

Text Styles

Header 1- Font Name: Montserrat | Font Weight: 600 (Semi-Bold) | Font Size: 50pt

Header 2- Font Name: Montserrat | Font Weight: 600 (Semi-Bold) | Font Size: 45pt

Header 3- Font Name: Montserrat | Font Weight: 600 (Semi-Bold) | Font Size: 35pt

Header 4- Font Name: Montserrat | Font Weight: 600 (Semi-Bold) | Font Size: 30px

Header 5- Font Name: Montserrat | Font Weight: 600 (Semi-Bold) | Font Size: 25pt
Header 6- Font Name: Montserrat | Font Weight:600 (Semi-Bold) | Font Size: 20pt

Text Editor – Font Name: —— | Font Weight: —— | Font Size: –px

Button Text – Font Name: —— | Font Weight: —— | Font Size: –px

Text Editor Secondary Paragraph font  –  Font Name: —— | Font Weight: —— | Font Size: –px

*Note this is used for items that need P styling but don’t offer the option (ex: Icon list’s) 

Text Editor Secondary Paragraph font  –  Font Name: —— | Font Weight: —— | Font Size: –px

Purpose: Used as subheads under headlines as a <p> tag

Text Editor Secondary Paragraph font  –  Font Name: —— | Font Weight: —— | Font Size: –px

Purpose:Use as a headline as a <p> without using a <h> tag

Testimonial Slider  –  Font Name: —— | Font Weight: —— | Font Size: –px

Stylized Header Mimic Text Edits

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Social Media Icons

Social Icons Displayed On Dark Background

Social Media Icons

Social Icons Displayed On Dark Background