Mozilla Foundation Design

Mozilla Foundation Design

Quick reference links

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

Photos of design team members

The Mozilla Foundation Design team encompasses a group of highly multidisciplinary makers. We love everything design — from research and UX to UI, colours to typography, branding to marketing and social media. 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.

The design team consists of visual designers, UX/UI designers, and contractors. We are part of the Digital Engagement Team which means we help create compelling, accessible, and relevant content and digital products/experiences that help grow our audience, build the strength and power of our movement, and advance our organizational objectives.

As stewards of the Foundation's digital presence, we also partner with and support staff across the Foundation in leveraging our digital products and channels to advance their team objectives and goals.

We spend a lot of our energy building upon and maintaining the Mozilla Foundation website. The site is built in Wagtail, a Django powered and open source Content Management System which empowers staff across the foundation to create and publish their own content. 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 stream blocks, and creating a robust design system.

Some of our other key properties include: *Privacy Not Included, Mozilla Festival, and our Instagram account. See an overview of our past work in our yearly recap decks.