{"id":"firefox-proton","no":572,"name":"Firefox Proton","ja":"Firefox Proton","era":"2021–2026","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 30","addedAt":"2026-08-22","source":{"title":"Mozilla — A fresh new Firefox is here","url":"https://blog.mozilla.org/en/firefox/fresh-new-look-for-firefox/"},"reference":{"status":"verified","pageUrl":"https://blog.mozilla.org/en/firefox/fresh-new-look-for-firefox/","credit":"Mozilla — A fresh new Firefox is here"},"essence":"2021年のFirefox 89で導入され、ブラウザを明るく穏やかに見せるため、ツールバーとメニューを整理し、丸く浮くタブ、軽い図像、広い間隔、紫を含む配色へ更新した画面言語。デスクトップ、iOS、Androidを同じ声へ揃えた。","cues":["ツールバーから浮く丸いアクティブタブ","余分なアイコンを減らした文字中心のメニュー","広い間隔と軽い線形アイコン","白または濃色のクロームに紫・青の選択状態"],"intents":["静けさ","親密","技術"],"works":["ブラウザのツールバー、タブ、メニュー、通知を、内容を邪魔しない穏やかな一系統へ整理するとき","デスクトップ、iOS、Androidで主要操作の語と図像を揃えるとき"],"recipe":{"type":"ラベルは短い動詞と名詞へ整理し、不要なアイコンを外して文字の可読性を上げる。","layout":"ツールバーを薄くし、アクティブタブだけを丸い独立面として浮かせ、メニューは優先操作から一列に並べる。","material":"明るい中立面と広い間隔を基礎に、紫と青を選択・焦点へ、影を浮くタブへ限定する。"},"avoid":"角丸と余白だけを増やすと操作密度を下げただけになる。削った図像の代わりに、語と順序で目的を即座に読ませる。","colors":["#FBFBFE","#9059FF","#2B2A33"],"motif":"ui","pair":["firefox-photon","material-you"],"study":["Firefox 89 redesign","floating tab model","cross-platform iconography and menu simplification"],"en":{"essence":"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.","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"],"works":["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"],"recipe":{"type":"Reduce labels to short verbs and nouns; remove redundant icons so wording carries the hierarchy.","layout":"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."},"avoid":"More rounding and whitespace alone only lowers information density. Make every removed icon legible through wording and order.","study":["Firefox 89 redesign","Floating tab model","Cross-platform iconography and menu simplification"]},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}