Seven months since setting out to refresh the Mozilla brand experience, we’ve reached the summit. Thousands of emails, hundreds of meetings, dozens of concepts, and three rounds of research later, we have something to share. If you’re just joining this process, you can get oriented here and here.
At the core of this project is the need for Mozilla’s purpose and brand to be better understood by more people. We want to be known as the champions for a healthy Internet. An Internet where we are all free to explore and discover and create and innovate without barriers or limitations. Where power is in the hands of many, not held by few. An Internet where our safety, security and identity are respected.
Today, we believe these principles matter more than ever. And as a not-for-profit organization, we’re uniquely able to build products, technologies, and programs that keep the Internet growing and healthy, with individuals informed and in control of their online lives.
Our brand identity – our logo, our voice, our design – is an important signal of what we believe in and what we do. And because we are so committed to ensuring the Internet is a healthy global public resource, open and accessible to everyone, we’ve designed the language of the Internet into our brand identity.
Today, we’re sharing our new logo and a proposed color palette, language architecture, and imagery approach. Remaining true to our intent to engage with the design and tech community throughout this open design process, we welcome your feedback on these elements as we build out our design guidelines.
Let’s go into a bit more detail on the components of our brand identity system, developed in collaboration with our exceptional London-based design partner johnson banks.
Our logo
Our logo with its nod to URL language reinforces that the Internet is at the heart of Mozilla. We are committed to the original intent of the link as the beginning of an unfiltered, unmediated experience into the rich content of the Internet.

The font for the wordmark and accompanying copy lines is Zilla. Created for us by Typotheque in the Netherlands, Zilla is free and open to all.
Typotheque was an historic partner to Mozilla. They were the first type-foundry to release Web-based fonts, and Mozilla’s Firefox web browser was an early adopter of Web fonts. We chose to partner with Peter Bilak from Typotheque because of their deep knowledge of localization of fonts, and our commitment to having a font that includes languages beyond English. Prior to partnering with Typotheque, we received concepts and guidance from Anton Koovit and FontSmith.

Selected to evoke the Courier font used as the original default in coding, Zilla has a journalistic feel. It bucks the current convention of sans serif fonts. Anyone can create the Mozilla logo by typing and highlighting with the Zilla font, making the logo open and democratic. The black box surrounding the logo is a key building block of the design, and echoes the way we all select type in toolbars and programs.
Mozilla comes first in any application of the system, just as the protocol begins any internet journey. Copy lines, colors, and images all flow from that starting point, much like a web journey.
Our color palette
Our color palette, derived from the highlight colors used by Firefox and other web browsers, distinguishes our brand from its contemporaries. Color flows into our logo and changes according to the context in which the logo is used. As we develop our style guide, we’ll define color pairings, intensities, and guidelines.

Our language and language architecture
Copy lines to the right or below the logo hold core Mozilla messages. They also hold program, event, and team names — simplifying and unifying a multitude of different Mozilla activities. It will now be easier to know that something is “from” Mozilla and understand how our global initiatives connect and reinforce one another.
The system enables Mozilla volunteer communities across the globe to create their own identity by selecting color and choosing imagery unique to them. Meanwhile the core blocks of our system, bounding boxes and typography, will provide the consistency, making it clear that these communities are part of one Mozilla.

Our Imagery
As we looked at the elements of our brand identity, the concept of one image or icon standing for the whole of Mozilla, and the entirety of the Internet, seemed anachronistic. Since imagery is an important reflection of the diversity and richness of the Internet, however, we’ve made it an important component of our system.
In digital applications, ever-changing imagery represents the unlimited bounty of the online ecosystem. Dynamic imagery allows the identity of Mozilla to evolve with the Internet itself, always fresh and new. Static applications of our identity system include multiple, layered images as if taken as a still frame within a moving digital experience.

How might it work? We intend to invite artists, designers, and technologists to contribute to an imagery collective, and we’ll code curated GIFs, animations, and still images to flow into mozilla.org and and other digital experiences. Through this open design approach, we will engage new design contributors and communities, and make more imagery available to all under Creative Commons. We’re looking for input from creative communities to help shape and expand this idea.

We will roll out the new brand identity in phases, much as we have with concepts in this open design process, so please be patient with our progress. As we develop our design system, we look forward to hearing your feedback and suggestions using the comments below. You’ve been with us from the start and we’re glad you’re here. We’ll continue to share updates and comments in this space.


Photo credits
Brandenburg Gate https://commons.wikimedia.org/wiki/File:Berlin_-_0266_-_16052015_-_Brandenburger_Tor.jpg
Iron Filings https://www.flickr.com/photos/oskay/4581194252
Aleksey
wrote on
incko
wrote on
Tim Murray
wrote on
Vivienne
wrote on
Tim Murray
wrote on
M Munn
wrote on
Vivienne
wrote on
Tim Murray
wrote on
Peter
wrote on
cici
wrote on
noithathaiphong
wrote on
Poppy
wrote on
Sergei
wrote on
Clairvaux
wrote on
Wilfredo Cespedes
wrote on
Alex
wrote on
RAHUL DEV
wrote on
nicolas
wrote on
Tim Murray
wrote on
nicolas
wrote on
bob
wrote on
Tim Murray
wrote on
bob
wrote on
Anivar Aravind
wrote on
Camilo
wrote on
Lisa
wrote on
Boring Sydney
wrote on
Lyonel Marcente
wrote on
Hamed Yahyaei
wrote on
JC
wrote on
Danish Raza
wrote on
Floris van Leerdam
wrote on
Sally G
wrote on
Ross James
wrote on
alex_mayorga
wrote on
Jimmy Rustles
wrote on
Tim Murray
wrote on
michael
wrote on
Gus
wrote on
Yofie Setiawan
wrote on
Greg K Nicholson
wrote on
Sergey
wrote on
Benjamin Kerensa
wrote on
Vic
wrote on
Steven Hoober
wrote on
OGenius
wrote on
Dan Jones
wrote on
Benjamin Kerensa
wrote on
Tom S.
wrote on
jp
wrote on
silver
wrote on
Tim Murray
wrote on
John
wrote on
Tim Murray
wrote on
xx xxx
wrote on
Artyom Gavrichenkov
wrote on
Leif
wrote on
Paul Brinkley
wrote on
SNL
wrote on
Christine Prefontaine
wrote on
Rick James
wrote on
Rob B
wrote on
Alexander
wrote on
Benjamin Kerensa
wrote on
Jean-Philippe Baril
wrote on
Tim Murray
wrote on
Ardi
wrote on
Tim Murray
wrote on
Gerald
wrote on
Sally G
wrote on
Beryl
wrote on
Alberto Urra
wrote on
Claudio
wrote on
TuggyNE
wrote on
Brock McLellan
wrote on
Max Ellinger
wrote on
Jonathan Chan
wrote on
Kade Morton
wrote on
BZ
wrote on
David Juicer
wrote on
david
wrote on
Texturefox
wrote on
Wasi
wrote on
Tim Murray
wrote on
Aaron
wrote on
Rob
wrote on
Tim Murray
wrote on
Rob
wrote on
Sally G
wrote on
Eloy
wrote on
Leo
wrote on
Seveti
wrote on
GiacomoL
wrote on
Leonardo
wrote on
Robert Carriere
wrote on
Yackums
wrote on
Ian M. Andrews
wrote on
Vladimir Krstic
wrote on
Hamish
wrote on
Jeff Goldbloom
wrote on
Aleksei
wrote on
Question
wrote on
Tim Murray
wrote on
Rahul Ghosh
wrote on
Alexander
wrote on
Arnaud B. (Mist. GraphX)
wrote on
Mist.
wrote on
Seburo
wrote on
Sally G
wrote on
Andrew
wrote on
Martin
wrote on
Vladimir Krstic
wrote on
Budiman Oktavianus
wrote on
Josh Anthony
wrote on
Martin M.
wrote on
T-Khan
wrote on
Awais
wrote on
Tim Murray
wrote on
Adam
wrote on
gabi vallu
wrote on
KveMot
wrote on
Dennis Miano
wrote on
Jurnalweb
wrote on
Michael “notriddle” Howell
wrote on
César Luis Alvargonzález
wrote on
Tim Murray
wrote on
Dr. Denan
wrote on
Roberto
wrote on
David Jackson
wrote on
Luis
wrote on
Benjamin N. Summerton
wrote on
Vladimir Krstic
wrote on
gorn
wrote on
Martin M.
wrote on
Bruno
wrote on
Rameez Soomro
wrote on
Paul
wrote on
Martin Scurry
wrote on
David
wrote on
just a user
wrote on
just a user
wrote on
Daniel
wrote on
Chris Sky
wrote on
Someone
wrote on
Dale
wrote on
Ron T
wrote on
Waffielz
wrote on
Rochelle H.
wrote on
Nap
wrote on
Tim Murray
wrote on
Sally G
wrote on
Evangeline T.
wrote on
Evangeline T.
wrote on
Sally G
wrote on
Evangeline T.
wrote on
UViX
wrote on
Andreja Andjic
wrote on
Kim
wrote on
albert sluys
wrote on
Karen
wrote on
Joyce
wrote on
Tim Murray
wrote on
Luffy
wrote on
Sally G
wrote on
sridharan
wrote on
CHANDRA DUTT SHARMA
wrote on
mike
wrote on
Tim Murray
wrote on
Santhosh Kumar
wrote on
Shitopifa
wrote on
Tim Murray
wrote on
Md Marghoob Inam Naghmi
wrote on
karabo lisa
wrote on
Joseph PIMETE
wrote on
NILESH CHAVDA
wrote on
iqbal
wrote on
afshin
wrote on
babayo shanga
wrote on
Castleton N.
wrote on
Ade
wrote on
Andreas
wrote on
Fahad M. Siddique
wrote on
jcho
wrote on
Ghanshyam Singh
wrote on
Sree
wrote on
Forest Mars
wrote on
Chase J
wrote on
Barbara
wrote on
DeeTee
wrote on
kimsland
wrote on
Mika
wrote on
Brian Carl Miller
wrote on
Vivek
wrote on
David
wrote on
Nigel
wrote on
Lorand
wrote on
Tim Murray
wrote on
Krystina
wrote on
William Logan
wrote on
Kim Sihota
wrote on
Disappointed Commenter
wrote on
Tim Murray
wrote on
Welshboatman
wrote on
Lou
wrote on
Tim Murray
wrote on
Lou
wrote on
Victor
wrote on
Daniel
wrote on
David
wrote on
Jumei Setyo
wrote on
Chris Healy
wrote on
Flath
wrote on
Saiful Umar
wrote on
sandeep
wrote on
kj2008
wrote on
dennis
wrote on
Sanjeet Shrivastava
wrote on
LawyersChandigarh
wrote on
Oliwier Brzezinski
wrote on
Syed Sajid Ahmed
wrote on
Chidi Chris Uriel
wrote on
San Jai
wrote on
HANK
wrote on
Tim Murray
wrote on
trlkly
wrote on
Mr Rithy
wrote on
Helga techer
wrote on
mynah lortzing
wrote on
vera
wrote on
Parvez Shaikh
wrote on
JEFF TILTON
wrote on
odunga fredrick
wrote on
George
wrote on
ThiruN
wrote on
Ali
wrote on
Nektarios F.
wrote on
Glenn Pryor
wrote on
Peter M’menge
wrote on
Santosh S Malagi
wrote on
LERRY
wrote on