HERDOS BRAND REFERENCE DOCUMENT
Colour System & Usage Guide · 2025
PRIMARY COLOUR PALETTE
Deep Forest Off White Forest Green
#0D1F12 #F5F5F5 #007925
Dominant bg · Text Page background Brand action color
Primary background for all dark Dominant surface for all light sections. All primary CTA buttons, logo gradient
sections. All headline text in light Hero backgrounds, card fills, page endpoint, icon backgrounds. Never as
mode. Never use as a small accent. canvas. 55% of all surfaces. a text color on white.
Mint Harvest Gold Muted Forest
#d7fff3 #FCBD16 #4A5E50
Section accent Badge accent only Secondary text
Alternating section backgrounds, icon Badge pill backgrounds exclusively. All secondary descriptions, labels,
fills, subtle card highlights. Never use Maximum once per page section. captions, ghost link text in light mode.
for body text. Never as a button or background block. Inadequate contrast on dark bg.
USAGE RATIOS — How much each colour occupies per page
Off White — Page backgrounds, hero surfaces 55%
Mint — Alternating section backgrounds 15%
Deep Forest — All text, dark backgrounds 15%
Forest Green — Buttons, icons, logo 10%
Harvest Gold — Badges only, single use 5%
Dark Mode Adaptation
#4A5E50 Muted Forest has insufficient contrast on #0D1F12. Replace with rgba(215,255,243,0.52)
for body text. Use rgba(215,255,243,0.07) for divider lines on dark backgrounds.
HERDOS · Colour System Guide · Confidential Page 1 of 2
HERDOS
Colour Usage Rules & Combinations
PER-COLOUR USAGE RULES
#0D1F12 Deep Forest #007925 Forest Green
+ Nav backgrounds + All primary CTA buttons
+ All page/section backgrounds in dark mode + Feature icon backgrounds
+ Primary headlines in light mode + Logo SVG gradient endpoint
+ Primary body text in light mode + Active nav state indicator
- Body text on itself (no contrast) - Body text (low legibility)
- Small decorative accents - Large section backgrounds
- Button backgrounds when Green is available - Headline color in light mode
- Secondary/ghost buttons
#d7fff3 Mint #FCBD16 Harvest Gold
+ Alternating section backgrounds + Badge pill backgrounds (once per section)
+ Icon fills (with green stroke) + Roadmap tag labels
+ Logo gradient (dark mode: start color) + Single data accent per layout
+ Card backgrounds in light sections + Page-level accent stripe
- Body text anywhere - Full section or panel backgrounds
- Buttons or CTAs - Button fills
- Paired directly with Harvest Gold - Body or headline text color
- Text on Off White background - Used more than once per section
- Paired with Mint in same element
#4A5E50 Muted Forest #F5F5F5 Off White
+ Secondary body text in light mode + Hero section backgrounds
+ Feature card descriptions + Page-level canvas
+ Ghost CTA link text + Light card surfaces
+ Stat labels and captions on white/offwhite + Primary text color in dark sections (headlines)
- Any text on dark (#0D1F12) backgrounds - Text on Mint (low contrast)
- Primary headlines - Button backgrounds
- Button text (contrast insufficient) - Icon fill color
- Dark mode text of any kind - Combined with pure white (#FFFFFF)
APPROVED COLOUR COMBINATIONS
Aa Aa Aa Aa Aa Aa
Dark bg + Li Light bg + D Green btn + Mint bg + Da Gold bg + Da Dark bg + Mi
All dark secti All light sect All CTA button Accent cards o Badge pills on Dark section h
HERDOS · Colour System Guide · Confidential Page 2 of 2