Lineamientos de marca

Representación de la marca de Firebase

Built with Firebase

Siempre que hagas referencia a Firebase en el contexto de otra app, usa la frase “Built with Firebase”. Esto incluye entradas de blog, entrevistas de prensa y en la aplicación en sí.

Claro

Para fondos claros con formas superpuestas o patrones variados

PNG SVG

Oscuro

Para fondos oscuros con formas superpuestas o patrones variados

PNG SVG

Monocromático

Para fondos oscuros lisos con alto contraste

PNG SVG

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.

Whenever possible, the logo should be represented as a horizontal lockup with a full color logomark and black 54% or solid white logotype.

PNG SVG

Diseño final en forma vertical

Cuando el espacio horizontal es limitado, se puede usar el diseño final en forma vertical con el isotipo a todo color y un logotipo 54% negro o blanco liso.

PNG SVG

Isotipo

Cuando el espacio vertical y horizontal es limitado, puede usarse solo el isotipo, sin el logotipo.

PNG SVG

Monocromático

Cuando el amarillo del isotipo tiene poco contraste con el fondo, se puede usar una versión monocromática en blanco.

PNG SVG

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).

Descargar

Diseño final del producto

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.

Descargar

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.

Dimensionamiento y espaciado

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.

Errores comunes

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.