Style Guide
Primary Color – Aqua Deep
Hex Code #0D463A
Hex Code #0D463A
Secondary Color – Salem
Hex Code #05763E
Hex Code #05763E
Primary Color – Aqua Deep
Hex Code #0D463A
Hex Code #0D463A
Secondary Color – Salem
Hex Code #05763E
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
- Icon List
- Font Name: ------ | Font Weight: ------ | Font Size: --px
- Font Name: ------ | Font Weight: ------ | Font Size: --px
- Font Name: ------ | Font Weight: ------ | Font Size: --px
Stylized Header Mimic Text Edits
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6