
Contact Us
Logos
Colors
Brand
Primary dark#3E451F
Primary#77843B
Primary light#D0CCBD
Secondary#8DB983
Secondary dark#046241
Secondary light#C5D2B2
Tertiary dark#443A22
Tertiary#FEC63E
Tertiary light#FFE18A
Neutral
Black#000000
White#FFFFFF
Medium dark#4D4D4A
Medium light#E9E7E5
Light#F9F7F6
Dark#231F20
Medium#8F8D87
Content
Body text#4D4D4A
Inline links#006A80
Headlines#231F20
Error#C5332F
Accent#8F8D87
Headlines on dark#FFFFFF
Accent on dark#8F8D87
Error on dark#DB0000
Body text on dark#FFFFFF
Inline links on dark#FFFFFF
Interactions
Visited#93326C
Links#006A80
Hover#006A80
Hover on dark#7BB3CC
Links on dark#FFFFFF
Visited on dark#FFFFFF
Tertiary hover#FFE18A
Secondary hover#046241
Primary hover#546D31
Overlays
Solid Dark
Solid Medium
Solid Light
Gradient Dark
Gradient Medium
Gradient Light
Styles
Shadows
Shadow Level 1
Shadow Level 2
Shadow Level 3
Shadow Level 4
Buttons & Links
Button Class:
cta-btn
CTA Buttons
CTA Links
Button Groups.btn-group
.btn-group .btn-group--center
Typography
Sample Markup:
<>
Display 1
Display 2
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
Small Paragraph
Large Paragraph
Blockquote
Large Blockquote
Display 1
Display 2
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
Small Paragraph
Large Paragraph
Blockquote
Large Blockquote
Lists
Sample Markup:
<>
Unordered List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Check List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Circle Check List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Ordered List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Unordered List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Check List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Circle Check List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Ordered List
- List item
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- List item
Testimonials
Normal
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Large
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Full Name
Position, Company Name
Boxed
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!
Boxed Large
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi corrupti, aliquam cumque iste saepe itaque quod, voluptatum nihil ullam velit ipsam asperiores odio accusantium culpa atque totam facilis officiis libero!