Esc

↑↓ navigate↵ openesc close

StudiosTypefacesSubmitSponsorMCP

Mozilla (2017)

Rebrand · 19 Jan 2017

moz://a wordmark with Zilla Slab

Mozilla logo before and after

BeforeUntil Jan 2017

Logo: Mozilla. Source: mozilla.org (archived)

DownloadLightSVGPNGDarkSVGPNG

AfterSince 19 Jan 2017

Logo: Mozilla. Source: mozilla.org (archived)

DownloadLightSVGPNG

Key facts

Mozilla launched a new logo on 19 Jan 2017, designed by johnson banks.

Brand
Mozilla
Launched
Source: techtimes.com
Studio
johnson banksAll rebrands by johnson banks
What changed
moz://a wordmark with Zilla Slab.
Why
Mozilla wanted a logo that welcomed the maker community to customise it with photos, graphics or GIFs.
Sources
blog.mozilla.org, wired.com
Logo history
2 rebrands

Cite this Rebrand Log, "Mozilla new logo (2017)", https://rebrandlog.com/rebrand/mozilla-2017/, last updated .

The Mozilla rebrand, explained

Key people: Tim Murray (Creative director, Mozilla)

Mozilla's problem was that most people heard the name and thought only of Firefox. In mid-2016 it set out to rebrand as a champion of a healthy, open internet, and chose to do it in the open. Rather than stage a surprise reveal and defend it afterwards, Mozilla and London studio Johnson Banks posted their routes online, seven at one stage, and invited comment. Over five months the teams reviewed around 3,000 comments; they were not votes, but Wired reported they shaped the choice.

The winner writes the name as moz://a, replacing the ill with the colon and slashes of a URL. Creative director Tim Murray told Wired the point was that anyone would know this was an internet company. The wordmark sits in a black box and is set in Zilla, a slab serif commissioned from Peter Bilak's Typotheque, picked for its localisation expertise, and released free. Zilla nods to Courier, the old default coding font, and bucks the sans-serif fashion. Anyone can make the logo by typing and highlighting it.

The system went beyond the mark: a proposed colour palette, a language architecture and an imagery approach, which Mozilla said it would refine with community feedback. Murray wanted the letters-only logo to welcome the maker community to customise it with photos, graphics or GIFs. Rival routes with a dinosaur head or fireworks would have made that harder.

Wired explained why the process mattered as much as the result. Instead of a surprise reveal followed by a defensive essay, Mozilla published its candidate designs and invited comment, reviewing around 3,000 responses over five months. The comments were not votes, but they helped tip the choice toward the URL fragment. Creative director Tim Murray wanted a mark that told people this was an internet company, not just the Firefox people, and that the community could play with: a letters-only logo leaves room to drop in a photo or GIF, where rivals built around a dinosaur head or fireworks would not.

Wired argued the most interesting thing was how well the open process worked: people wrote essays about the options. The result is clever in a way designers love and some found too clever, but it does exactly what Murray asked. It tells you what Mozilla is, it is free to use, and it costs nothing to reproduce. Few logos are so faithful to the organisation they represent.

In short: A logo you can type, chosen in public, for an organisation about the open web.

By Rebrand Log Editorial · Updated · facts from the sources below

Sources

  1. 1. en.wikipedia.orghttps://en.wikipedia.org/wiki/Mozilla
  2. 2. johnsonbanks.co.ukhttps://www.johnsonbanks.co.uk/work/mozilla
  3. 3. techtimes.comhttp://www.techtimes.com/articles/193331/20170119/mozilla-rebrands-itself-with-a-new-logo-no-dinosaurs-involved.htm