Variants & color themes
4 logo variants, each rendered across 20 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
Full color — all primaryprimary-all
Full color — on light backgroundprimary-all-on-background-light
Full color — on dark backgroundprimary-all-on-background-dark
Full color — on blackprimary-all-on-black
Primary — on dark backgroundprimary-on-background-dark
Primary — on dark surfaceprimary-on-surface-dark
Primary — on blackprimary-on-black
Monochrome — black (K-only, all sizes)mono-black-k
Monochrome — rich black (print)mono-black-rich
Primary — rich-black text on light background (print)primary-rich-text-on-background-light
Primary — rich-black text on light surface (print)primary-rich-text-on-surface-light
Primary — rich-black text on white (print)primary-rich-text-on-white
Monochrome — white on darkmono-white-on-dark
Monochrome — white on blackmono-white-on-black
Black on primarymono-black-k-on-primary
Rich black on primary (print)mono-black-rich-on-primary
White on primary (decorative)mono-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
Full color — all primaryprimary-all
Full color — on light backgroundprimary-all-on-background-light
Full color — on dark backgroundprimary-all-on-background-dark
Full color — on blackprimary-all-on-black
Primary — on dark backgroundprimary-on-background-dark
Primary — on dark surfaceprimary-on-surface-dark
Primary — on blackprimary-on-black
Monochrome — black (K-only, all sizes)mono-black-k
Monochrome — rich black (print)mono-black-rich
Primary — rich-black text on light background (print)primary-rich-text-on-background-light
Primary — rich-black text on light surface (print)primary-rich-text-on-surface-light
Primary — rich-black text on white (print)primary-rich-text-on-white
Monochrome — white on darkmono-white-on-dark
Monochrome — white on blackmono-white-on-black
Black on primarymono-black-k-on-primary
Rich black on primary (print)mono-black-rich-on-primary
White on primary (decorative)mono-white-on-primary
03 ⁄ symbol-gradient
symbol gradient
Primary — on light backgroundprimary-on-background-light
Primary — on light surfaceprimary-on-surface-light
Primary — on whiteprimary-on-white
Primary — on dark backgroundprimary-on-background-dark
Primary — on dark surfaceprimary-on-surface-dark
Primary — on blackprimary-on-black
Primary — rich-black text on light background (print)primary-rich-text-on-background-light
Primary — rich-black text on light surface (print)primary-rich-text-on-surface-light
Primary — rich-black text on white (print)primary-rich-text-on-white
04 ⁄ horizontal-gradient
horizontal gradient
Primary — on light backgroundprimary-on-background-light
Primary — on light surfaceprimary-on-surface-light
Primary — on whiteprimary-on-white
Primary — on dark backgroundprimary-on-background-dark
Primary — on dark surfaceprimary-on-surface-dark
Primary — on blackprimary-on-black
Primary — rich-black text on light background (print)primary-rich-text-on-background-light
Primary — rich-black text on light surface (print)primary-rich-text-on-surface-light
Primary — rich-black text on white (print)primary-rich-text-on-white
05 ⁄ Usage
Do & don’t
Do
Use the logo only in Primary (Celadon Green), Primary Deep (the gradient end-stop), Black (K-only), Rich Black, or White — never in secondary, accents, or status colors.Do
Place the logo on a Vuetify surface (background, surface, or surface-variant) in the matching light/dark mode, or on solid black or white.Do
Maintain clear space around the logo equal to 25% of its shortest side.Don’t
Don't recolor the logo outside the provided themes — use one of the listed themes or request a new one.Don’t
Don't place the Celadon Green logo on saturated backgrounds of similar hue (e.g. other greens).Don’t
Don't stretch, skew, rotate, or add effects (shadow, outline, glow).Do
For any of the gradient marks (symbol, horizontal, horizontal-simple, vertical), plan for two spot inks on premium pieces — Pantone 368 C plus a second spot for primaryDeep. Use the supplied CMYK fallback for standard process jobs.Don’t
Don't fake the gradient marks with one spot ink overprinted in black — Celadon Green darkens into olive, not the brand emerald. Either use two spots, or run the full CMYK fallback.