Lineamientos de marca
Representación de la marca Firebase
Built with Firebase
Siempre que hagas referencia a Firebase en el contexto de otra app, usa la frase “Built with Firebase”. Esto se aplica a entradas de blog, entrevistas de prensa y la aplicación en sí.
Logotipo
No uses la marca de Firebase ni ninguna variante de ella junto con el nombre general de tu aplicación, producto, servicio o sitio web. No modifiques ni uses la marca de Firebase de una manera que pueda ser confusa o engañosa, y nunca utilices la marca de Firebase como el elemento más destacado en tu página.
Diseño final estándar
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. <br><br> Whenever possible, the logo should be represented as a horizontal lockup with a full color logomark and black 54% or solid white logotype.
Logotipos de productos
Cada producto de Firebase tiene su propio ícono, que puede combinarse con el logotipo de Firebase para crear el diseño final.
Íconos de productos
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).
Diseño final del producto
The icon can be combined with the Firebase logo to create a product lockup. <br><br>Do not use multiple product lockups together. There shouldn't be more than one Firebase logo in one place.
Colores
Amarillo Firebase
#FFCA28
Amber 400
Ámbar Firebase
#FFA000
Amber 700
Naranja Firebase
#F57C00
Orange 700
Colores del logotipo
El logotipo se compone de un color amarillo primario y dos colores naranja de acento.
Azul Firebase
#039BE5
Light Blue 600
Azul marino Firebase
#2C384A
Coral Firebase
#FF8A65
Deep Orange 300
Gris Firebase
#ECEFF1
Blue Grey 50
Paleta ampliada
Firebase también tiene una paleta ampliada, que se utiliza para colores de fondo y otras visualizaciones.
Tamaño y espaciado
To ensure legibility, the logo should not be used with a height smaller than 24px.<br><br> For lockups, provide at least x-height x2 white space around the logo. Never crowd or overlap the logo with other elements.
Errores comunes
<span class="brand-guidelines__donot">Do not...</span> <ul> <li><p>Alter or distort the logo in any way</p></li> <li><p>Use the flat knockout in any color but white</p></li> <li><p>Alter color, shape, or angles</p></li> <li><p>Rotate or flip in any direction</p></li> <li><p>Alter proportions, positioning, or placement</p></li> <li><p>Replace the logotype with a different typeface</p></li> <li><p>Use the old Firebase logo</p></li> <li><p>Use the logo on a poorly contrasting background</p></li> <li><p>Use the logo on an off-brand background</p></li> <li><p>Overlap or crowd the logo with other elements</p></li> <li><p>Redraw the logo</p></li> <li><p>Use other Google branding in conjunction with your product</p></li> </ul> For guidelines on how to use other Google brands, see the <a href="https://www.google.com/permissions/" target="_blank" rel="noopener noreferrer">Brand Permissions site</a>.