Lineamientos de la marca
Representación de la marca de Firebase

Built with Firebase

Siempre que hagas referencia a Firebase en el contexto de otra aplicación, usa la frase "Built with Firebase". Esto incluye publicaciones en blogs, entrevistas de prensa y en la aplicación en sí.

Logotipo claro de Built with Firebase

Claro

Para fondos claros con formas superpuestas o patrones variados

Logotipo oscuro de Built with Firebase

Oscuro

Para fondos oscuros con formas superpuestas o patrones variados

Logotipo monocromático de alto contraste de Built with Firebase

Monocromático

Para fondos oscuros lisos con alto contraste

Logotipo

No uses la marca de Firebase ni ninguna variante de la marca de Firebase 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 uses la marca de Firebase como el elemento más destacado en tu página.

Diseño final del logotipo

Diseño final estándar

El diseño final estándar se puede utilizar en paquetes de diapositivas y publicaciones de blog. Nunca debe usarse en el producto o de una manera que implique que Firebase respalda el producto o es responsable de su creación.

Siempre que sea posible, el logotipo debe representarse como el diseño final en forma horizontal con un isotipo a todo color y un logotipo 54% negro o blanco liso.

Diseño final del logotipo de Firebase en forma vertical

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.

Isotipo de Firebase

Isotipo

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

Logotipo monocromático de Firebase

Monocromático

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

Logotipos de productos

En Firebase, cada producto tiene su propio ícono, que puede combinarse con el logotipo de Firebase para crear el diseño final.

Logotipo del ícono de producto para Realtime Database

Íconos de productos

Cada producto tiene un ícono que se presenta en un círculo naranja o amarillo, según corresponda. Deben usarse con un fondo oscuro o neutro. Úsalos cuando esté claro que se habla sobre Firebase (p. ej., una presentación sobre el tema).

Logotipo del diseño final de producto para Realtime Database

Diseño final del producto

Los íconos se pueden combinar con el logotipo de Firebase para crear el diseño final del producto.

No uses varios diseños finales de producto al mismo tiempo. Solo debe haber un logotipo de Firebase en un mismo lugar.

Colores

Amarillo Firebase

#FFCA28

Ámbar 400

Ámbar Firebase

#FFA000

Ámbar 700

Naranja Firebase

#F57C00

Naranja 700

Colores del logotipo

El logotipo se compone de un color amarillo primario y dos colores naranja de acento.

Azul Firebase

#039BE5

Celeste 600

Azul marino Firebase

#2C384A

Coral Firebase

#FF8A65

Naranja oscuro 300

Gris Firebase

#ECEFF1

Gris azulado 50

Paleta ampliada

Firebase también tiene una paleta ampliada que se utiliza para colores de fondo y otras visualizaciones.

Dimensionamiento y espaciado

Ejemplos del logotipo de Firebase con al menos el doble de altura que el logotipo

Para garantizar la legibilidad, el logotipo no debe usarse con una altura inferior a 24 px.

Para los diseños finales, debe dejarse alrededor del logotipo un espacio en blanco mínimo equivalente al doble de la altura de la x. El logotipo nunca debe aparecer amontonado ni superpuesto con otros elementos.

Logotipo de Firebase con 24 píxeles de altura

Errores comunes

Errores comunes

Se prohíben los siguientes usos y acciones:

  • Alterar o distorsionar el logotipo de cualquier manera

  • Utilizar la versión monocromática en cualquier color que no sea blanco

  • Alterar el color, la forma o los ángulos

  • Girar o voltear el logotipo en cualquier dirección

  • Alterar las proporciones, el posicionamiento o la ubicación

  • Reemplazar la tipografía del logotipo

  • Utilizar el logotipo anterior de Firebase

  • Utilizar el logotipo sobre un fondo que haga mal contraste

  • Utilizar el logotipo sobre un fondo que no sea de la marca

  • Superponer o amontonar el logotipo con otros elementos

  • Volver a dibujar el logotipo

  • Utilizar otros elementos de marca de Google junto con tu producto

Para obtener instrucciones sobre cómo usar otras marcas de Google, consulta el sitio web de Permisos de marca.

Enviar comentarios sobre...

Si necesitas ayuda, visita nuestra página de asistencia.