Céline Villaneau

freelance visual designer

Evolving Firefox Brand Guidelines

Firefox is more than just a browser—it champions privacy, security, and an open web. To keep the brand strong and consistent, I worked on updating Firefox’s brand guidelines, aligning them with both product and marketing, while making accessibility best practices a priority.

Brand guidelines overview
Landing page headers and What’s New Page

The problem

The existing brand guidelines weren’t fully keeping up with how Firefox was evolving—both in product and marketing. While past campaigns successfully connected with users, those elements weren’t always reflected in the core brand system. Remote teams needed a common source of truth in to align and be consistent. At the same time, ensuring strong accessibility standards was essential to keeping Firefox’s communications inclusive.

The solution

I worked on bringing everything together—pulling in successful elements from past campaigns and design cues directly from the product and design systems team to create a more unified, flexible system.

Some key updates:

  • Creating a design system that scales, so remote teams can work faster while keeping things visually consistent.
  • Refining color, and iconography to align across product UI and marketing.
  • Making sure all updates followed accessibility best practices—better contrast, legibility, and usability.

Outcome & Impact

The refreshed brand guidelines made Firefox’s identity clearer and more cohesive across all touchpoints. With a stronger connection between product and marketing, teams could create on-brand assets faster, with accessibility built in from the start.

Closing Statement

This project reinforced the importance of systems that evolve with the brand—pulling from what already works and refining it to be even better. By tying together product, marketing, and accessibility, we built a brand system that’s more future-proof and easier to use.

Marketing landing page for a campaign in the UK
Product illustration for feature launches, landing pages or app stores
Simplified color contrast accessibility checker
Illustration system overview

  • Evolving Firefox Brand Guidelines
  • Driving Product Growth Through Branding, Systems, and Editorial
  • Building a Challenger Brand
  • Empowering the Pontoon Community
  • Increasing Retention at Mozilla VPN
  • Standing Out in the Internal Communications Market