スタイルの要素

Firefox のロゴが最も良く見えるようデザインするにはどうすれば良いでしょうか? 詳しくは以下をご覧ください。

カラーパレット

ここで参考までに示すカレーパレットは、Mozilla と Firefox ワードマークの色指定です。これらの配色は単なる指針に過ぎず、色合わせ目的で使用されるべきではありません。それぞれの色を正しく一致させるには、以下の具体的な色番号の組み合わせに従ってください。

RGB: 214, 66, 3
16 進形式: D64203
CMYK: 11, 87, 100, 2

RGB: 102, 102, 102
16 進形式: 666666
CMYK: 0, 0, 0, 70

最小余白

ロゴとワードマークはいずれも周囲に余白が必要です。そのため、以下に示す最小余白ガイドラインに従ってください。これは、ブランドの希薄化や、背景の「ノイズ」との混乱を防ぐのに役立ちます。

また、承認を受けていないパートナーシップやブランド提携のような誤解を防ぐため、Mozilla の事前許可なく Firefox のロゴを他のロゴや企業名と組み合わせたり、それらの近くに配置してはいけません。

最小余白

最小余白、つまり「セーフゾーン」は、「x」(ドロップシャドウを含まない Firefox ロゴの 1/8 の高さ、あるいは、Firefox ワードマークの「F」の 1/3 の高さ) と同等です。

テキストとタイポグラフィ

Mozilla Firefox の公式書体は FF Meta タイプファミリーで構成されており、その明瞭で簡潔、モダンで力強い形式のために採用されました。FF Meta フォントは Font Shop International (www.fontshop.com) から入手可能です。

非常に重要な注意: Meta フォントを使ってただ単語を入力するだけで Mozilla や Firefox のワードマークを再現しようとしないでください。その代わり、ダウンロード ページから実際のロゴをダウンロードしてください。

FF Meta フォントのサンプル

Meta フォントに関するこの情報は参考までに載せたものですが、コミュニティのアートプロジェクトにとって強制ではありません (もちろん、正しいワードマークを使うことは必須です)。

また、「Mozilla」や「Firefox」を文の中で用いる場合は、前後の文章のサイズ、フォント、配色に合わせることができます。ただし、公式のワードマークとして用いる場合は、このスタイルガイドに記載されているすべての要件に従ってください。