Mozilla (Protocol)

Design guides

Guide summary

A design system listed on designsystems.surf

Typography

Mozilla Headline · Text

The Mozilla theme pairs Mozilla Headline with Mozilla Text. The Firefox theme uses Metropolis and Inter; code uses the Consolas family.

Design principles

Do not use the headline typeface for long body text.

Source: Design-system summary from open-design.ai, based on extraction from official CSS and tokens. · This summary has not yet been checked against the official documentation. Verify it at the source.

Reference source

Source scope has not been reviewed. Check the original before use.

https://designsystems.surf/design-systems/mozilla

Open reference source →

Found an error in this entry? Report it