ブランド ガイドライン
Firebase ブランドの表示

Built with Firebase

別のアプリのコンテキストで Firebase に言及する際には、必ず「Built with Firebase」というフレーズを使用してください。これには、ブログ記事、プレス インタビュー、アプリ自体が含まれます。

「Built with Firebase」ロゴ(ライト)

ライト

明るい背景で、図形を重ねて配置したり多様なパターンを使用したりしている場合

「Built with Firebase」ロゴ(ダーク)

ダーク

暗い背景で、図形を重ねて配置したり多様なパターンを使用したりしている場合

「Built with Firebase」ロゴ(ノックアウト、高コントラスト)

ノックアウト

コントラストが強い、暗めで無地の背景を使用している場合

ロゴ

Firebase マークおよびそのバリエーションを、自社のアプリケーション、製品、サービス、またはウェブサイトの名称と組み合わせて使用することはできません。混乱や誤解を招く可能性のある形で Firebase マークに変更を加えたり、使用したりしないでください。また、Firebase ブランドを自社ページの最も目立つ要素として使用することもできません。

標準のロックアップ ロゴ

標準のロックアップ ロゴ

The standard lockup can be used in slide decks and blog posts. It should never be used in-product or in a way that implies that Firebase is endorsing or has built the product.

Whenever possible, the logo should be represented as a horizontal lockup with a full color logomark and black 54% or solid white logotype.

縦配置の Firebase ロックアップ ロゴ

縦配置のロックアップ

表示スペースの横幅に限りがある場合は、フルカラーのロゴマークの下に黒 54% または白無地のロゴタイプを配置したロックアップを使用できます。

Firebase ロゴ(ロゴマークのみ)

ロゴマーク

表示スペースが縦横ともに限られている場合は、ロゴタイプなしでロゴマークだけを使用できます。

Firebase ロゴ(ノックアウト)

ノックアウト

ロゴマークの黄色と背景とのコントラストが低い場合は、白無地のノックアウト バージョンを使用できます。

プロダクトのロゴ

Firebase の各プロダクトには、それぞれ固有のアイコンが用意されています。このアイコンと Firebase のロゴを組み合わせて、プロダクトのロックアップを作成できます。

Realtime Database のプロダクト アイコン ロゴ

プロダクトのアイコン

Each product has an icon that is presented on an orange or yellow circle, depending on the icon. These icons should be used against a dark or neutral background. Use these when Firebase is already clear in the context (e.g. a presentation about Firebase).

Realtime Database のプロダクト ロックアップ ロゴ

プロダクトのロックアップ

The icon can be combined with the Firebase logo to create a product lockup.

Do not use multiple product lockups together. There shouldn’t be more than one Firebase logo in one place.

Firebase イエロー

#FFCA28

Amber 400

Firebase アンバー

#FFA000

Amber 700

Firebase オレンジ

#F57C00

Orange 700

ロゴで使用している色

このロゴには、メインに黄色、アクセントとして 2 種類のオレンジ色が使用されています。

Firebase ブルー

#039BE5

Light Blue 600

Firebase ネイビー

#2C384A

Firebase コーラル

#FF8A65

Deep Orange 300

Firebase グレー

#ECEFF1

Blue Grey 50

拡張パレット

Firebase には上記に加え、背景色やその他のビジュアルに使用する拡張パレットもあります。

サイズと余白の設定

ロゴの高さの 2 倍以上の余白がある Firebase ロゴの例

To ensure legibility, the logo should not be used with a height smaller than 24px.

For lockups, provide at least x-height x2 white space around the logo. Never crowd or overlap the logo with other elements.

高さが 24 ピクセルの Firebase ロゴ

よくある間違い

よくある間違い

Do not...

  • Alter or distort the logo in any way

  • Use the flat knockout in any color but white

  • Alter color, shape, or angles

  • Rotate or flip in any direction

  • Alter proportions, positioning, or placement

  • Replace the logotype with a different typeface

  • Use the old Firebase logo

  • Use the logo on a poorly contrasting background

  • Use the logo on an off-brand background

  • Overlap or crowd the logo with other elements

  • Redraw the logo

  • Use other Google branding in conjunction with your product

For guidelines on how to use other Google brands, see the Brand Permissions site.

フィードバックを送信...

ご不明な点がありましたら、Google のサポートページをご覧ください。