Firefox Proton
Firefox Proton / 2021–2026 / Style / Platform Screen Languages
The Firefox 89 redesign made the browser brighter and calmer by streamlining toolbars and menus and adopting floating rounded tabs, lighter iconography, more spacing and a purple-inflected palette across desktop, iOS and Android.
At a glance
Visual cues
- A rounded active tab floating above the toolbar
- Text-led menus with fewer redundant icons
- Generous spacing and light linear iconography
- Neutral browser chrome with purple and blue selection states
Best used for
- Unifying browser toolbars, tabs, menus and alerts into a calm language that recedes behind content
- Aligning the words and icons of core actions across desktop, iOS and Android
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
- Reduce labels to short verbs and nouns; remove redundant icons so wording carries the hierarchy.
- Composition
- Keep the toolbar light, float only the active tab as a rounded independent surface and order menu actions by priority in one column.
- Material
- Build on neutral light surfaces and open spacing; reserve purple and blue for focus and selection and shadows for the floating tab.
- Caution
- More rounding and whitespace alone only lowers information density. Make every removed icon legible through wording and order.
- Further study
- Firefox 89 redesign / Floating tab model / Cross-platform iconography and menu simplification
Related entries
- Firefox Photon (Firefox Photon)Same Platform Screen Languages lineage.Compare Firefox Proton and Firefox Photon
- Material You (Material You)Shared effects: Intimacy / Technique.Compare Firefox Proton and Material You
More from Platform Screen Languages
Continue through styles in the same Platform Screen Languages family, prioritised by shared effects.
- elementary OS (elementary OS)Shared effects: Intimacy / Calm / Technique.
- NeXTSTEP Interface (ネクストステップ・インターフェース)Shared effects: Technique / Calm.
- Adwaita (アドワイタ)Shared effects: Technique / Calm.
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/firefox-proton
- Markdown
- [Firefox Proton — IndexStyle](https://indexstyle.org/styles/firefox-proton)
- HTML
- <a href="https://indexstyle.org/styles/firefox-proton">Firefox Proton — IndexStyle</a>