Mozilla Protocol
Mozilla Protocol / 2017– / スタイル / プラットフォームの画面言語
MozillaとFirefoxのウェブサイトを、meaningful、flexible、accessible、global、usefulという原則と、コード化された部品で結ぶデザインシステム。内容を装飾より前へ置き、翻訳や端末差を受け止める。
黒い見出しと広い白場 / 鮮色の大きな面とFirefoxのグラデーション / 柔軟に伸びるbillboardとcard / 太い見出し、短い本文、明確なCTA
辞書情報
- 向いている用途
- オープンウェブ製品の説明を世界の言語と端末へ展開するとき。ブランドの鮮やかさを保ちながら内容とアクセシビリティを優先するとき
- 文字
- 短い太字見出しと読みやすい本文を使い、翻訳で長くなる余地を残す。
- 構成
- 大きな一メッセージの面と、再利用できるカード群を明確に分ける。
- 素材
- 白黒を基礎に、紫・橙・青のグラデーションを焦点へ限定する。
- 注意
- Firefoxのグラデーションを全面へ広げると内容が負ける。色は意味と焦点を補強する場所だけに置く。
- 関連研究
- Protocolの五原則 / global localization / HTML/CSS中心のpattern library
関連項目
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/mozilla-protocol
- Markdown
- [Mozilla Protocol（Mozilla Protocol） — デザインスタイル辞典](https://indexstyle.org/ja/styles/mozilla-protocol)
- HTML
- <a href="https://indexstyle.org/ja/styles/mozilla-protocol">Mozilla Protocol（Mozilla Protocol） — デザインスタイル辞典</a>