Mozilla Protocol
Mozilla Protocol / 2017– / Style / Platform Screen Languages
Mozilla's flexible web system puts content and global accessibility ahead of decoration while retaining a vivid open-web personality.
At a glance
Visual cues
- Bold black headings and broad white space
- Large fields of vivid color
- Flexible billboards and cards
- Short copy and explicit calls to action
Best used for
- Open-web product marketing across languages
- Balancing bright brand expression with accessible content
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- Use short heavy headings, readable body text and room for translation expansion.
- Composition
- Separate one-message billboards from reusable card groups.
- Material
- Ground the page in black and white, reserving gradients for a single focal area.
- Caution
- Spreading the Firefox gradient everywhere buries the content. Color should reinforce meaning and focus.
- Further study
- Protocol's five principles / Global localization / HTML/CSS pattern library
Related entries
- Web 1.0 (ウェブ1.0)Editorially linked for a useful contrast.Compare Mozilla Protocol and Web 1.0
- GitHub Primer (GitHub Primer)Same Platform Screen Languages lineage.Compare Mozilla Protocol and GitHub Primer
More from Platform Screen Languages
Continue through styles in the same Platform Screen Languages family, prioritised by shared effects.
- BBC Global Experience Language (BBC GEL)Shared effects: Trust / Technique / Exhilaration.
- Elastic UI (Elastic UI)Shared effects: Technique / Trust / Exhilaration.
- Motif (モチーフ)Shared effects: Technique / Trust.
Browse all Platform Screen Languages entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/mozilla-protocol
- Markdown
- [Mozilla Protocol — IndexStyle](https://indexstyle.org/styles/mozilla-protocol)
- HTML
- <a href="https://indexstyle.org/styles/mozilla-protocol">Mozilla Protocol — IndexStyle</a>