mozilla firefox logo

Acorn by mozilla firefox

WebAndroidiOS

mozilla firefox has a design system that they call "Acorn".

They maintain design assets including brand guidelines.

They use design tokens in their system.

They also maintain code assets including a code repository, component documentation.

For content creators, they provide voice and tone guidelines.

🎨Design Resources

Figma Library
Brand Guidelines
Voice & Tone
Design Tokens

💻Code Resources

Code Repository
Documentation
Storybook
Multi-brand Support
Not sure