Style Guide
Cultivation HR · Brand Typography, Colors & Components
Typography
H1
Font: Quicksand 700 · 52px / 34px mobile · #26345E (Brand Navy) · -0.01em tracking
The Quick Brown Fox Jumped Over The Lazy Dog
H2
Font: Quicksand 600 · 36px / 26px mobile · #26345E (Brand Navy) · 0em tracking
The Quick Brown Fox Jumped Over The Lazy Dog
H3
Font: Montserrat 600 · 24px / 20px mobile · #394B8C (Accent Complement) · 0.02em tracking
The Quick Brown Fox Jumped Over The Lazy Dog
H4
Font: Montserrat 700 · 16px / 14px mobile · #313131 (Medium Text) · 0.1em tracking
THE QUICK BROWN FOX
Body
Font: Montserrat 400 · 18px / 16px mobile · #313131 (Medium Text) · normal tracking
The quick brown fox jumped over the lazy dog.
Caption
Font: Montserrat 400 · 14px / 13px mobile · #5D5D5D (Subtle Text) · normal tracking
The quick brown fox jumped over the lazy dog.
Color Palette
Accents
#26345E
Brand Navy
#C05400
Orange
#394B8C
Accent Complement
Text & Contrast
#000000
Strongest Text
#262626
Strong Text
#313131
Medium Text
#5D5D5D
Subtle Text
Backgrounds
#D8D8E5
Subtle Background
#D7D7D7
Light Background
#FFFFFF
White
⚠️ Orange (#C05400) fails WCAG AA as text on white, light, or subtle backgrounds. Use orange only as button fill, icon fill, or callout accent — never as text on a light background.
Buttons
Primary
Montserrat 600 · 16px · #26345E · 6px radius
Secondary
Montserrat 600 · 16px · #C05400 · 6px radius
Ghost / Outlined
Montserrat 600 · 16px · transparent · 2px border #26345E