Design Kit
Typography
Headings
Font Family: Arsenal
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Alt Headings
Font Family: Adobe Garamond Pro, Serif
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body
Font Family: Lato
Body text
Bold body text
Italicized body text
Alt. Body
Font Family: Adobe Garamond Pro, Serif
Alt Body text
Bold alt body text
Italicized alt body text
Color Palette
Dark Green
#172F25
Primary brand color
Accent
#D5C58B
Buttons, highlights
Accent Light
#EAE2C7
Buttons, highlights
Dark Gray
#353632
Backgrounds / Dark UI elements
Orange
#995126
Backgrounds
Orange Gradient
#a87a5d → #905530
Backgrounds
Green Gradient
#576962 → #20382f
Backgrounds
Gray Background
#F5F5F5
Backgrounds
Logo Usage
Primary LogoUsed on white background
LogomarkUsed on dark backgrounds
Logomark
Used on light backgrounds
Image Guidelines
Hero Images
- 1800 × 700 pixels
Blog Images
- 800 × 500 pixels
Product Images
- 450 × 675 pixels
- White or transparent background
ADA Compliant Color Combinations
All combinations meet WCAG 2.1 AA standards
Dark Green Background
Primary text: #FFFFFF
Accent text: #D5C58B
Dark Gray Background
Primary text: #FFFFFF
Accent text: #D5C58B
Orange Background
Primary text: #FFFFFF
Accent text: #EAE2C7
Accent Background
Primary text: #172F25
Accent text: #353632
Accent Light Background
Primary text: #172F25
Accent text: #995126
Gray Background
Primary text: #353632
Accent text: #995126
Green Gradient Background
Primary text: #EAE2C7
Accent text: #D5C58B
Orange Gradient Background
Primary text: #FFFFFF
Accent text: #EAE2C7
Usage Notes:
- Avoid combining #D5C58B and #EAE2C7
- Avoid combining #995126 and #172F25