Firefoxv3 · published yesterday

Firefox

The internet is a global public resource that must remain open and accessible to all.

A community listing: Artbucket hasn't proved it holds a domain, so this may not come from Firefox's owner. Check their own guidelines before you rely on it.

Colors

#ff7139
Orange 50The fox's fur and Firefox's signature. Calls to action, highlights, the first color in any set. Carries Ink text, never white.
#ffbd4f
Yellow 40The light side of the fox: the gradient's bright start.
#ff4f5e
Red 50The warm gradient's middle. Emphasis and alerts.
#e31587
Pink 60Where the fox's tail turns to magenta.
#9059ff
Violet 50The globe's violet: the cool side of the brand, for depth and night scenes.
#0060df
Blue 50Links and interface actions, as in the browser itself.
#3fe1b0
Green 50Success and privacy protections turning on.
#20123a
Ink 80Headings, text and the dark ground. A deep violet, never pure black.
#42425a
Marketing Gray 80Body text and secondary copy.
#f9f9fb
Light Gray 10The light ground of Firefox pages.
#ffffff
White
#ff7139
Warm gradientThe fox's fire, from magenta to amber. Hero bands and big moments; the solid is Orange 50 where a gradient can't go.
#9059ff
Cool gradientThe globe, from blue through violet to purple. Night, depth and product moments; the solid is Violet 50.

Type

HeadingsMetropolis · 700
Aa
The quick brown fox jumps over the lazy dog.
TextInter · 400
Aa
The quick brown fox jumps over the lazy dog.

Logos

The lockupDownload
On darkDownload
VerticalDownload
The logoDownload
One colorDownload
One colorDownload
Parent brandDownload
MozillaDownload

Voice

The name: Firefox
Why it exists: The internet is a global public resource that must remain open and accessible to all.
Voice: A trusted guide. Firefox shares its point of view with calm confidence and never dictates it: it doesn't oversell, doesn't use fear, and is for something rather than against something.
Four pillars: Opinionated
Encouraging
Values-driven
Sincere
Always: Take a clear point of view
Encourage people to take control
Say what Firefox stands for
Match the moment: neutral for tasks, warm for celebrations
Avoid: Overselling
Fear tactics about privacy
Defining ourselves against others
Jargon people have to look up