Style Guide
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Hex Code #0D463A
Hex Code #
Text Color – Name
Hex Code #
Accent Color – Lima
Hex Code #76BC22
Additional Color – Name
Hex Code #
Additional Color – Name
Hex Code #
Background Colors – Name
Hex Code #
Background Colors – Name
Hex Code #
Text Styles
Header 1- Font Name: Montserrat | Font Weight: 700 (Bold) | Font Size: 53px
Header 2- Font Name: Montserrat | Font Weight: 600 (Semi-Bold) | Font Size: 48px
Header 3- Font Name: Montserrat | Font Weight: Semi-Bold | Font Size: 40px
Header 4- Font Name: Montserrat | Font Weight: ------ | Font Size: --px
Header 5- Font Name: Montserrat | Font Weight: ------ | Font Size: --px
Header 6- Font Name: Montserrat | Font Weight: ------ | Font Size: --px
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
