Variants & color themes
2 logo variants, each rendered across 20 approved color themes. Every variant exports identically across every theme.
01 ⁄ horizontal
horizontal
Primary (dimensional) — on light backgroundprimary-on-background-light
Primary (dimensional) — on light surfaceprimary-on-surface-light
Primary (dimensional) — on whiteprimary-on-white
Primary (dimensional) — on dark backgroundprimary-on-background-dark
Primary (dimensional) — on dark surfaceprimary-on-surface-dark
Primary (dimensional) — on blackprimary-on-black
Primary (flat) — on light backgroundprimary-flat-on-background-light
Primary (flat) — on whiteprimary-flat-on-white
Primary (flat) — on blackprimary-flat-on-black
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
Monochrome — black (K-only, all sizes)mono-black-k
Monochrome — rich black (print)mono-black-rich
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 primarymono-white-on-primary
02 ⁄ symbol
symbol
Primary (dimensional) — on light backgroundprimary-on-background-light
Primary (dimensional) — on light surfaceprimary-on-surface-light
Primary (dimensional) — on whiteprimary-on-white
Primary (dimensional) — on dark backgroundprimary-on-background-dark
Primary (dimensional) — on dark surfaceprimary-on-surface-dark
Primary (dimensional) — on blackprimary-on-black
Primary (flat) — on light backgroundprimary-flat-on-background-light
Primary (flat) — on whiteprimary-flat-on-white
Primary (flat) — on blackprimary-flat-on-black
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
Monochrome — black (K-only, all sizes)mono-black-k
Monochrome — rich black (print)mono-black-rich
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 primarymono-white-on-primary
03 ⁄ Usage
Do & don’t
Do
Use the logo only in Signal Orange (primary), Signal Orange — Highlight (primary-highlight), Black (K-only), Rich Black, or White.Do
Default to the dimensional rendering (primary + primary-highlight on the ball); use the flat variants only when a single-color treatment is specifically required.Do
Orange against both black and white reads well (contrast 4.2 and 3.1); the mark is designed to work in either direction.Do
Maintain clear space around the logo equal to 25% of its shortest side.Don’t
Don't place the orange symbol on saturated backgrounds of similar hue (red, amber, gold).Don’t
Don't stretch, skew, rotate, or add effects (shadow, outline, glow).