Variants & color themes
2 logo variants, each rendered across 10 approved color themes. Every variant exports identically across every theme.
01 ⁄ horizontal
horizontal
Primary — on light backgroundprimary-on-background-light
Primary — on light surfaceprimary-on-surface-light
Primary — on whiteprimary-on-white
Primary Light — on dark backgroundprimary-light-on-background-dark
Monochrome — black (K-only, all sizes)mono-black-k
Monochrome — rich black (print)mono-black-rich
Monochrome — white on dark backgroundmono-white-on-background-dark
Monochrome — white on dark surfacemono-white-on-surface-dark
Monochrome — white on blackmono-white-on-black
White on primarymono-white-on-primary
02 ⁄ symbol
symbol
Primary — on light backgroundprimary-on-background-light
Primary — on light surfaceprimary-on-surface-light
Primary — on whiteprimary-on-white
Primary Light — on dark backgroundprimary-light-on-background-dark
Monochrome — black (K-only, all sizes)mono-black-k
Monochrome — rich black (print)mono-black-rich
Monochrome — white on dark backgroundmono-white-on-background-dark
Monochrome — white on dark surfacemono-white-on-surface-dark
Monochrome — white on blackmono-white-on-black
White on primarymono-white-on-primary
03 ⁄ Usage
Do & don’t
Do
Use the logo only in Forest Green (primary), Pale Sage (primaryLight), Black (K-only), Rich Black, or White — never in secondary or status colors.Do
Default to the primary-green logo on a light surface. For dark surfaces, use Pale Sage (primaryLight) or the reversed white treatment.Do
Maintain clear space around the logo equal to 25% of its shortest side.Don’t
Don't mix colors between the symbol and the wordmark — render the entire mark in a single ink (Forest Green, Pale Sage, Black, Rich Black, or White). The exception is the print-only Rich Black mono treatment, where the symbol uses Rich Black and the wordmark uses K-only Black for typographic safety at small sizes.Don’t
Don't place the Forest Green logo on dark or green-tinted backgrounds — the primary is close to black in luminance and will disappear into any dark surface. Use the reversed white logo instead.Don’t
Don't substitute the light-mode Vuetify primary (#333F28) inside logo artwork — that's a UI token, not a brand color. (The dark-mode counterpart #A3B18A is now a logo color — use it via `primaryLight`.)Don’t
Don't stretch, skew, rotate, or add effects (shadow, outline, glow).