Firebase ブランドの表示

ロゴ

Do not use the Firebase mark or any variant of the Firebase mark in conjunction with the overall name of your application, product, service, or website. Do not alter or use the Firebase mark in a way that may be confusing or misleading, and never use Firebase branding as the most prominent element on your page.

標準のロックアップ ロゴ

The standard lockup logo can be used in presentation slides and blog posts. You may not use it in a product or in any manner that suggests it is endorsed by or involved in building the product.

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

When there is limited horizontal space, a vertical lockup can be used with the full color logomark.

Firebase logomark

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

Firebase Monochrome logo

When the background conflicts with the full-color logo, the monochrome variant can be employed. However, it's still recommended to use the full-color version whenever possible.


プロダクトのロゴ

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

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

各プロダクトのアイコンは、オレンジ色または黄色の円になっています。色はアイコンに応じて異なります。これらのアイコンは、暗い背景や中間色の背景に対して使用してください。また、Firebase の説明であることが明らかな文脈(Firebase に関するプレゼンテーションなど)でのみ使用してください。

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

アイコンと Firebase のロゴを組み合わせて、プロダクトのロックアップを作成できます。

複数のプロダクトのロックアップを一緒に使用しないでください。また、1 つの場所に複数の Firebase ロゴを入れないでください。


カラー

The core palette is a combination of Firebase logo colors and Google products colors, with the initial three being the primary colors within the logo.

Ensure the composition incorporates the colors of the Firebase logo, whether in solid hues or gradients. Content designed for specific products should leverage their respective main color.

Firebase イエロー

#FFC400

R: 255 G: 196 B: 0

PMS 136C

Firebase オレンジ

#FF9100

R: 255 G: 145 B: 0

PMS 151C

Firebase Red

#DD2C00

R: 221 G: 44 B: 0

PMS 1655C

Android Green

#C6FF00

R: 198 G: 255 B: 0

PMS 389C

Gemini Pink

#FDADEE

R: 253 G: 173 B: 238

PMS 236C

Google Ecosystem Blue

#4285F4

R: 66 G: 133 B: 244

PMS 2173C

Google Cloud Green

#34A853

R: 52 G: 168 B: 83

PMS 2257C


Gray 0

#000000

R: 0 G: 0 B: 0

Gray 10

#1F1F1F

R: 31 G: 31 B: 31

Gray 20

#303030

R: 48 G: 48 B: 48

Gray 30

#474747

R: 71 G: 71 B: 71

Gray 40

#E5E5E5

R: 94 G: 94 B: 94

Gray 50

#757575

R: 117 G: 117 B: 117

Gray 60

#8F8F8F

R: 143 G: 143 B: 143

Gray 70

#ABABAB

R: 171 G: 171 B: 171

Gray 80

#C7C7C7

R: 199 G: 199 B: 199

Gray 90

#E3E3E3

R: 227 G: 227 B: 227

Gray 95

#F2F2F2

R: 242 G: 242 B: 242

Gray 99

#FDFCFB

R: 253 G: 252 B: 251

Gray 100

#FFFFFF

R: 255 G: 255 B: 255


サイズと余白の設定

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

可読性を保つため、ロゴの高さは 24 ピクセルより小さくしないでください。

ロックアップの場合は、ロゴの周囲にエックスハイトの 2 倍以上の余白を入れてください。ロゴに他の要素を入れ込んだり、他の要素と重ねたりしないでください。

高さが 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.