使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
徽标
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.
竖直完整标识
When there is limited horizontal space, a vertical lockup can be used with the full color logomark.
图标
在竖向和横向空间都有限的情况下,可以单独使用图标,无需搭配字标。
Monochrome
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 徽标搭配使用,以形成产品完整标识。
产品图标
每个产品都有一个图标,图标呈现在一个橙色或黄色圈中,具体颜色取决于图标。这些图标应该用于深色或中性背景中。当上下文能够明确反映出与 Firebase 相关时(例如关于 Firebase 的演示文稿),可使用这些图标。
产品完整标识
产品图标可以与 Firebase 徽标搭配使用,以形成产品组合徽标。
请勿将多个产品组合徽标放在一起使用。一个位置不应出现多个 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
大小和间距
徽标的高度不得低于 24 像素,以方便辨识。
使用完整标识时,请确保徽标四周留白的宽度/高度至少为小写字母 x 的两倍。请勿将徽标与其他元素堆积/堆叠在一起。
常见错误
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.
[null,null,[],[],[],null,["# Firebase Brand Guidelines\n\n#### Brand guidelines\n\nRepresenting the Firebase brand\n===============================\n\nLogo\n----\n\n\nDo 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. \n[*file_download*\nDownload all assets](/static/downloads/brand-guidelines/firebase-brand-assets.zip) \n\n##### Standard lockup\n\nThe 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. \n\n##### Vertical lockup\n\n\nWhen there is limited horizontal space, a vertical lockup can be used with the full color logomark. \n\n##### Logomark\n\n\nWhen there is limited vertical and horizontal space, the logomark can be used by itself without the logotype. \n\n##### Monochrome\n\n\nWhen 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.\n\n*** ** * ** ***\n\nProduct Logos\n-------------\n\n\nEach product within Firebase has its own icon. This icon can be paired with the Firebase logo to create a product lockup. \n\n##### Product icons\n\nEach 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). \n\n##### Product lockup\n\nThe icon can be combined with the Firebase logo to create a product lockup. \n\nDo not use multiple product lockups together. There shouldn't be more than one Firebase logo in one place.\n\n*** ** * ** ***\n\nColors\n------\n\n\nThe core palette is a combination of Firebase logo colors and Google products colors, with the initial three being the primary colors within the logo.\n\n\n\u003cbr /\u003e\n\n\nEnsure 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.\n\n\n\u003cbr /\u003e\n\n\nFirebase Yellow\n\n\n#FFC400\n\n\nR: 255 G: 196 B: 0\n\n\nPMS 136C \n\nFirebase Orange\n\n\n#FF9100\n\n\nR: 255 G: 145 B: 0\n\n\nPMS 151C \n\nFirebase Red\n\n\n#DD2C00\n\n\nR: 221 G: 44 B: 0\n\n\nPMS 1655C \n\nAndroid Green\n\n\n#C6FF00\n\n\nR: 198 G: 255 B: 0\n\n\nPMS 389C \n\nGemini Pink\n\n\n#FDADEE\n\n\nR: 253 G: 173 B: 238\n\n\nPMS 236C \n\nGoogle Ecosystem Blue\n\n\n#4285F4\n\n\nR: 66 G: 133 B: 244\n\n\nPMS 2173C \n\nGoogle Cloud Green\n\n\n#34A853\n\n\nR: 52 G: 168 B: 83\n\n\nPMS 2257C \n\n*** ** * ** ***\n\n\nGray 0\n\n\n#000000\n\n\nR: 0 G: 0 B: 0\n\n\nGray 10\n\n\n#1F1F1F\n\n\nR: 31 G: 31 B: 31\n\n\nGray 20\n\n\n#303030\n\n\nR: 48 G: 48 B: 48\n\n\nGray 30\n\n\n#474747\n\n\nR: 71 G: 71 B: 71\n\n\nGray 40\n\n\n#E5E5E5\n\n\nR: 94 G: 94 B: 94\n\n\nGray 50\n\n\n#757575\n\n\nR: 117 G: 117 B: 117\n\n\nGray 60\n\n\n#8F8F8F\n\n\nR: 143 G: 143 B: 143\n\n\nGray 70\n\n\n#ABABAB\n\n\nR: 171 G: 171 B: 171\n\n\nGray 80\n\n\n#C7C7C7\n\n\nR: 199 G: 199 B: 199\n\n\nGray 90\n\n\n#E3E3E3\n\n\nR: 227 G: 227 B: 227\n\n\nGray 95\n\n\n#F2F2F2\n\n\nR: 242 G: 242 B: 242\n\n\nGray 99\n\n\n#FDFCFB\n\n\nR: 253 G: 252 B: 251\n\n\nGray 100\n\n\n#FFFFFF\n\n\nR: 255 G: 255 B: 255\n\n\n*** ** * ** ***\n\nSizing \\& Spacing\n-----------------\n\nTo ensure legibility, the logo should not be used with a height smaller than 24px. \n\nFor lockups, provide at least x-height x2 white space around the logo. Never crowd or overlap the logo with other elements. \n\n*** ** * ** ***\n\nCommon Errors\n-------------\n\nDo not...\n\n- Alter or distort the logo in any way\n\n- Use the flat knockout in any color but white\n\n- Alter color, shape, or angles\n\n- Rotate or flip in any direction\n\n- Alter proportions, positioning, or placement\n\n- Replace the logotype with a different typeface\n\n- Use the old Firebase logo\n\n- Use the logo on a poorly contrasting background\n\n- Use the logo on an off-brand background\n\n- Overlap or crowd the logo with other elements\n\n- Redraw the logo\n\n- Use other Google branding in conjunction with your product\n\n\u003cbr /\u003e\n\nFor guidelines on how to use other Google brands, see the [Brand Permissions site](https://about.google/brand-resource-center/). \n\n\u003cbr /\u003e\n\nTry Firebase today\n\n\nIntegrating it into your app is easy.\n[Get started](https://console.firebase.google.com/) \n\n#### All Firebase products\n\n##### Build\n\n- [App Check](/products/app-check)\n- [App Hosting](/products/app-hosting)\n- [Authentication](/products/auth)\n- [Cloud Functions](/products/functions)\n- [Cloud Storage](/products/storage)\n- [Data Connect](/products/data-connect)\n- [Extensions](/products/extensions)\n- [Firestore](/products/firestore)\n- [Firebase ML](/products/ml)\n- [Genkit](https://genkit.dev/)\n- [Hosting](/products/hosting)\n- [Realtime Database](/products/realtime-database)\n- [Firebase AI Logic client SDKs](/products/firebase-ai-logic)\n\n[Generative AI](/products/generative-ai) \n\n##### Run\n\n- [A/B Testing](/products/ab-testing)\n- [App Distribution](/products/app-distribution)\n- [Cloud Messaging](/products/cloud-messaging)\n- [Crashlytics](/products/crashlytics)\n- [Google Analytics](/products/analytics)\n- [In-App Messaging](/products/in-app-messaging)\n- [Performance Monitoring](/products/performance)\n- [Remote Config](/products/remote-config)\n- [Test Lab](/products/test-lab)"]]