The One Mozilla Style Guide Is Here!

We recently launched a new tool that should make the lives of all Mozillians a little (or a lot) easier: the One Mozilla style guide.

What it means for the big picture:
The idea is to define what it means for a website, product, logo, promotion, etc to look & feel like Mozilla so we can make sure we’re presenting a consistent and unified message to users everywhere they encounter our work. As Mozilla continues to grow and evolve, that consistency is essential to telling our story effectively.

What it means for you:
Practically speaking, the style guide has all kinds of goodies to help you – logos, fonts, color palettes, code + other details on how to make Mozilla websites, and much moreā€¦it’s all there. It’s meant to be a handy reference, so please browse around and familiarize yourself with how to use it. And most importantly, if you’re working on a new user-facing Mozilla project, be sure you’re following these general parameters.

What’s coming next:
The guide is a work in progress, and we’ll be continuing to add more content in the coming months (especially a lot of info about product design in conjunction with the UX team). And, if you have questions or would like to share feedback of any sort don’t hesitate to post them in the comments section here.

Big thanks to Sean Martell and Matej Novak, who have driven much of the work on the guide so far, and to the further talents and contributions of Mike Alexis, Raymond Etornam, Ty Flanagan, Steven Garrity, Holly Habstritt, Michael Kelly, Celia Liang, Anthony Ricaud, Pete Scanlon, Tara Shahian and Lee Tom.

(cross-posted from about:pixels)

Stay Connected

Get email updates:

3 Responses to The One Mozilla Style Guide Is Here!

  1. Ken Saunders October 17, 2012 at 6:11 am #

    I love it.
    Very well done.
    Congrats to you and your team.

    One question (perhaps a silly one).
    Are community sites allowed to use (basically) all of the same styling assets as official Mozilla ones?
    Or, are they actually encouraged to do so. I saw that at a minimum it’s recommended/requested that tabzilla is used.

  2. John Slater October 17, 2012 at 4:02 pm #

    Thanks Ken – I appreciate that! And that’s not a silly question at all…in fact it’s very relevant and something we’ve been discussing already.

    To be honest, I don’t have a great answer yet. We know we want to make community members’ lives easier by supplying a set of assets they can use on sites and in promotions. But, we also want to draw some sort of line between *official* (for lack of a better word) properties and community ones.

    I know it’s not very clear right now…we’re definitely working on it and will include more specifics in an upcoming rev of the style guide. I’ll blog about it when we do!

    In the meantime, what do you think? Would love to get your perspective on this.

  3. Rob Lord May 8, 2013 at 10:59 am #

    Lovely and thorough. As a new Mozillian, I’m so pleased to see so much consideration given to brand consistency across products/services. Thank you John and the whole UX team!

Leave a Reply