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

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 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 del logotipo

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.

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

Cada producto de Firebase 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

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

Logotipo del diseño final de producto para Realtime Database

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.

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

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

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.

Logotipo de Firebase con 24 píxeles de altura

Errores comunes

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.

Enviar comentarios sobre...

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