Visual Identity ガイドライン:Firefox
Firefox のロゴ利用にあたって
- Firefox のロゴは全体を表示してください。背景色には、均等に明るい色または均等に暗い色を用い、中間色や強い色は避けてください。
- 影も ロゴの一部であり 削除してはいけません。ご注意ください。
- ロゴの一部だけを表示したり、色を変えたり、ロゴを覆うような他の要素を加えてはいけません。
- ロゴには商標記号である (TM) を付けてください。
- ロゴのサイズ:
- 画面に表示する際には、ロゴの高さが 24px よりも小さなサイズになってはいけません(ただしシステムアイコンといった小さなサイズを必要とする場合は除きます)。
- また印刷する際には、ロゴの高さが 3/8" よりも小さなサイズになってはいけません。
白および黒を背景にした Firefox のロゴ
Firefox ロゴおよび Wordmark の利用にあたって
- Firefox のロゴは 「Mozilla Firefox」 というテキストを付けずに単独で表示しても構いません。「Mozilla Firefox」 というテキストを添える場合は、次の 2 つの例のいずれかに従ってください。
- 「Mozilla Firefox」 というテキストを Firefox ロゴと共に表示する場合、MetaBoldLF-Roman フォントを使用し、上で示した図にあるようにロゴとの関係から適切なサイズを指定してください。
- wordmark には、登録商標記号である 「®」を付けてください。
- 配色:
- 「Mozilla」 というテキストおよび登録商標記号 「®」には hex color #666666 (RGB: 102, 102, 102) を使用してください。
- 「Firefox」 というテキストには hex color #D64203 (RGB: 214, 66, 3) を使用してください。
- ロゴのサイズ:
- また画面に表示する際には、ロゴ部分の高さが 24px よりも小さなサイズになってはいけません。
- また印刷する際には、ロゴ部分の高さが 3/8" よりも小さなサイズになってはいけません。
水平方向に配置した Firefox のロゴおよび wordmark
垂直方向に配置した Firefox のロゴおよび wordmark
よくある誤り
Firefox のロゴおよび wordmark に変更を施したり、ロゴを視覚的に損なう形で表示してはいけません。次に紹介する図はよくある誤った例です。ロゴや wordmark を表示する際には真似しないでください。
Wordmark の表示でよくある誤り (左上から時計回りに):
ふさわしくないフォント、ふさわしくないフォントカラー、ロゴとテキストのふさわしくない配置とサイズ、ロゴおよびテキストのふさわしくないサイズ比率と配置
Wordmark の表示でよくある誤り (左から順に):
影がない例、ふさわしくない配色、不完全なロゴ、強い背景色、強いパターンを持つ背景