Acorn is the design system for Firefox.
Acorn is the design system for the Firefox desktop, as well as our iOS and Android browsers. It’s a curated library of design and development decisions that built the Firefox you know and love. Acorn is for the global community of employees, contributors, and volunteers that make Firefox better every day.
Mighty oaks from little acorns grow.
Why ‘Acorn’? Besides being a preferred snack of red pandas (also known as firefoxes), an acorn is too heavy to be spread by the wind. Instead, it’s thanks to the tireless toiling of the forest’s smallest creatures that towering canopies of oak trees can grow.
We hope you’ll use this seed to grow Firefox and help the internet blossom into something better.
Over the years, Firefox has evolved. Acorn is more than just another redesign — it's a living system that will continue to evolve alongside our product offerings. We’re updating Acorn regularly, so come back to watch us grow in the open.
Colors, typography, and more visual styles
How to write for Firefox
User interface components for building Firefox interfaces
Complex UI patterns and components
Help & Support
How to work with the Acorn team
Reference materials and guidelines for designing Firefox interfaces
Firefox UX Blog
As we learn and grow our design practice, we write about our findings.
Firefox Design Values
Design values to consider when designing for Firefox
(Note, we are actively looking at these again in 2023).
Here you'll find our marketing logos for Mozilla and Firefox, along with brand positioning and marketing visual styles.
Mozilla maintains a design system used for marketing websites. If you're designing a Mozilla product, start here.
If you like the work we're doing and want to join us, here is a link to open roles.