Firefox Photon

Firefox Photon / 2017–2021 / legacy / Style / Platform Screen Languages

Introduced with Firefox Quantum, Photon unified desktop and mobile around a fast, recognisable Firefox language of compact browser chrome, vivid color, light icons and motion that stays behind the web content.

Compact browser chrome and squared-off tabs / Vivid blue, purple and orange on white or deep navy / Thin simplified line icons / Brief transitions and unmistakable selection or focus

Firefox Photon — AI-generated interpretation — AI-generated interpretation, not a reference work

Dictionary entry

Best used for: Unifying browser chrome, settings, add-ons and mobile · Tools that must show speed and state without overpowering web content
Type: Use a platform-friendly sans and brief labels; do not explain every icon twice with text.
Composition: Keep browser chrome shallow and favor a single reading column in content and settings surfaces.
Material: Start from neutral surfaces and reserve blue, purple and orange for selection, focus and brand moments.
Caution: A Firefox gradient alone is not Photon. Match the density that leaves content dominant and the immediacy of every control state.
Further study: Firefox Quantum and Photon / Photon design for scale / Photon icons and browser chrome

Related 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-photon
Markdown: [Firefox Photon — IndexStyle](https://indexstyle.org/styles/firefox-photon)
HTML: <a href="https://indexstyle.org/styles/firefox-photon">Firefox Photon — IndexStyle</a>

Back to index position