Variants & color themes
4 logo variants, each rendered across 12 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 — on dark backgroundprimary-on-background-dark
Primary — on dark surfaceprimary-on-surface-dark
Primary — on blackprimary-on-black
Monochrome — black (K-only)mono-black-k
Monochrome — rich black (print)mono-black-rich
Monochrome — rich black incl. accent (print, large)mono-black-rich-accent
Monochrome — white on darkmono-white-on-dark
Monochrome — white on blackmono-white-on-black
Monochrome — white on primarymono-white-on-primary
02 ⁄ vertical
vertical
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
Monochrome — black (K-only)mono-black-k
Monochrome — rich black (print)mono-black-rich
Monochrome — rich black incl. accent (print, large)mono-black-rich-accent
Monochrome — white on darkmono-white-on-dark
Monochrome — white on blackmono-white-on-black
Monochrome — white on primarymono-white-on-primary
03 ⁄ wordmark
wordmark
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
Monochrome — black (K-only)mono-black-k
Monochrome — rich black (print)mono-black-rich
Monochrome — rich black incl. accent (print, large)mono-black-rich-accent
Monochrome — white on darkmono-white-on-dark
Monochrome — white on blackmono-white-on-black
Monochrome — white on primarymono-white-on-primary
04 ⁄ symbol
symbol
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
Monochrome — black (K-only)mono-black-k
Monochrome — rich black (print)mono-black-rich
Monochrome — rich black incl. accent (print, large)mono-black-rich-accent
Monochrome — white on darkmono-white-on-dark
Monochrome — white on blackmono-white-on-black
Monochrome — white on primarymono-white-on-primary
05 ⁄ Usage
Do & don’t
Do
Use the symbol on light surfaces with a midnight `f` and a Fudd Teal dot; on dark surfaces, render the `f` in white and keep the dot teal.Do
Reach for the wordmark when the brand needs to read explicitly; reach for the symbol when the platform is the subject and space is tight.Do
Maintain clear space around the logo equal to 25% of its shortest side.Don’t
Don't recolor the trailing dot independently from the brand themes — it's the only Fudd Teal accent in branded renderings and stays in lockstep.Don’t
Don't render the `f` body in primary teal on light surfaces — that treatment reads as decorative; the canonical light-surface mark uses midnight.Don’t
Don't stretch, skew, rotate, or add effects (shadow, outline, glow).