الانتقال إلى وحدة التحكم

呈现 Firebase 品牌

Built with Firebase

每当在其他应用中提到 Firebase 时,请一定使用短语 \“Built with Firebase\”。该短语可包含在博文、新闻访谈和应用本身中。

Built with Firebase 浅色徽标

适用于浅色背景,与包含重叠元素的图形或其变体图案一同显示

Built with Firebase 深色徽标

适用于深色背景,与包含重叠元素的图形或其变体图案一同显示

Built with Firebase 高对比度镂空徽标

适用于具有高对比度的(颜色较深的)纯色背景中


徽标

请勿在您的应用、产品、服务或网站的整体名称中使用 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 徽标搭配使用,以形成产品组合徽标。

实时数据库的产品图标徽标

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

徽标的主色为黄色,搭配两种橙色强调色。

Firebase 蓝色

#039BE5

Light Blue 600

Firebase 深蓝色

#2C384A

Firebase 珊瑚色

#FF8A65

Deep Orange 300

Firebase 灰色

#ECEFF1

Blue Grey 50

Firebase 还提供了用于背景颜色和其他视觉元素的辅助颜色。


大小和间距

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.