Built with Firebase
別のアプリのコンテキストで 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 の各プロダクトには、それぞれ固有のアイコンが用意されています。このアイコンと Firebase のロゴを組み合わせて、プロダクトのロックアップを作成できます。
プロダクトのアイコン
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).
プロダクトのロックアップ
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 には上記に加え、背景色やその他のビジュアルに使用する拡張パレットもあります。
サイズと余白の設定
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.
よくある間違い
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