The brief: a brand ready for the digital world
Mozilla's "Reclaim the Internet" platform, developed with JKR, gave Firefox a rallying cry and a mission. Firefox is free and open source, it was built by a nonprofit, and it helped make open web standards what they are. At a moment when browsers are increasingly profit-oriented and hungry for users' data, that story matters. Our job was to make sure that story came through at every touchpoint online.
From concept to system
JKR's work provided a foundation: a conceptual direction, a visual identity, and a set of brand values. What it needed was translation. Brand work developed for print and campaign contexts doesn't automatically function on the web. Colors that look right in a deck can fail accessibility standards in a UI, type that works on a poster can become unreadable in a navigation bar, and small but rich opportunities for digital brand expression can be missed in a big-picture marketing concept. We refined the palette for digital use, then built a full design system for firefox.com that puts the identity to work across components, layouts, and content.
Rules, not just guidelines
Part of what makes a design system durable is knowing what it's for, not just what it looks like. We developed a brand identity rule system that documents not only how elements should be used, but why, so that Mozilla's internal teams can apply them consistently over time without a design agency in the room. The goal was to give Firefox the tools to grow the brand on its own terms over time.
Reception
The rebrand has won industry awards and landed well with Firefox's famously opinionated user base. This is a community that remembers the old fox logo, has opinions about kerning, and isn't shy about speaking up. Getting a warm reception from the Firefox subreddit is true validation.
