Design guidelines
You are here! This is our jumping off point for brand basics like our logo, fonts, and brand colors. To Google slide and doc templates. All the way to documentation about our process and how we collaborate.
Graphics library
Need graphics for a new project you're working on? Why not remix or draw inspiration from our previous work. Tip: Toggle from “List view” to “Grid view” in Drive to see all the images at once.
Working files for our designs
We store all our work in Google Drive. Feel free to share folders with external collaborators so they can build off of existing work. Collaborators should also add their files to this Drive so that we can edit them or build off them in the future.
How to Wagtail
Want to start adding and editing pages on our CMS? Or maybe you’ve used it a bunch but are trying to do something new? Start here.
How to work with us & Project request form
Have a project idea that will need design help on? Review `How to work with us` to see if we can help and submit a `Project request form’ to our Airtable and someone will reach out to you.
List of external contractors
Need some custom graphics and a video for a project? Review our list of recommended contractors and agencies.
About the Design Team
The Mozilla Foundation Design team encompasses a group of highly multidisciplinary makers. We love everything design — from research and UX to UI, colors, typography, and branding. We strive for our work to reflect an open source and inclusive ethos that promotes an open and honest relationship with the world around us.
As stewards of the Foundation's digital presence, we partner with and support staff across the Foundation in leveraging our web platforms to advance their team objectives and goals. We help create compelling, accessible, and relevant digital experiences that help grow our audience, deepen engagement, build the strength and power of our movement, and advance our organizational objectives. We measure our success using data and insights.
We spend a lot of our energy building upon and maintaining the Mozilla Foundation website. We’ve been hard at work the past years unifying all of the foundation's work onto a single website, designing new CMS page types and blocks, and creating a robust design system.
We own the UX/UI for all the foundations web properties which means we care deeply about how our brand shows up and how our supporters experience our sites. The list of properties includes:
- Mozilla Foundation
- Blog pages
- YouTube RegretsReporter
- Libraries (research hub & learning hub)
- Profiles
- *Privacy Not Included
- Mozilla Festival
- Overall user experience of our CMS
- Donate
- Pulse
See an overview of our past work in our yearly recap decks.
Our values
Collaboration: We build strong partnerships. We foster trust and relationships through openness and transparency.
Problem solving: We fall in love with the problem, not the solution. We ask questions and do our research to understand the problem we are solving and why it’s important.
Growth minded: We are open minded & curious, flexible & adapt, always learning & iterating.
User focused: We do our best to understand and meet the needs of the staff we partner with and the audience we serve. We are empathetic and advocate for the voices who are not in the room.
Strategic & Grounded: We are creative, innovative, and optimistic while balancing the org needs, staff needs, and audience needs.
