Visual Identity ガイドライン:Firefox

Firefox のロゴ利用にあたって

  • Firefox のロゴは全体を表示してください。背景色には、均等に明るい色または均等に暗い色を用い、中間色や強い色は避けてください。
  • 影も ロゴの一部であり 削除してはいけません。ご注意ください。
  • ロゴの一部だけを表示したり、色を変えたり、ロゴを覆うような他の要素を加えてはいけません。
  • ロゴには商標記号である (TM) を付けてください。
  • ロゴのサイズ:
    • 画面に表示する際には、ロゴの高さが 24px よりも小さなサイズになってはいけません(ただしシステムアイコンといった小さなサイズを必要とする場合は除きます)。
    • また印刷する際には、ロゴの高さが 3/8" よりも小さなサイズになってはいけません。
Firefox のロゴ 黒を背景にした Firefox のロゴ

白および黒を背景にした 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 (水平方向)

垂直方向に配置した Firefox のロゴおよび wordmark

よくある誤り

Firefox のロゴおよび wordmark に変更を施したり、ロゴを視覚的に損なう形で表示してはいけません。次に紹介する図はよくある誤った例です。ロゴや wordmark を表示する際には真似しないでください。

Firefox Wordmark 表示の悪い例

Wordmark の表示でよくある誤り (左上から時計回りに):
ふさわしくないフォント、ふさわしくないフォントカラー、ロゴとテキストのふさわしくない配置とサイズ、ロゴおよびテキストのふさわしくないサイズ比率と配置

Firefox ロゴ表示の誤った例

Wordmark の表示でよくある誤り (左から順に):
影がない例、ふさわしくない配色、不完全なロゴ、強い背景色、強いパターンを持つ背景