Ir para o console

Como representar a marca Firebase

Criado com o Firebase

Quando você se referir ao Firebase no contexto de outro app, use sempre a frase "Criado com o Firebase". Isso inclui referências em postagens de blogs, entrevistas para a imprensa e no próprio app.

Criado com o Firebase - Logotipo positivo

Para fundos mais claros, com formas sobrepostas ou padrões variados.

Criado com o Firebase - Logotipo negativo

Para fundos mais escuros, com formas sobrepostas ou padrões variados.

Criado com o Firebase - Logotipo vazado, com alto contraste

Para fundos sólidos mais escuros e com contraste alto.


Logotipo

Não use a marca Firebase ou qualquer variante dela em conjunto com o nome geral do aplicativo, produto, serviço ou site. Não altere ou use a marca Firebase de uma forma que possa ser confusa ou enganosa. Nunca use a marca Firebase como o elemento de maior destaque da sua página.

Logotipo lock-up padrão

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.

Logotipo lock-up vertical do Firebase

Se o espaço horizontal for limitado, um lock-up vertical poderá ser usado para a logomarca colorida e o logotipo em branco sólido ou em preto 54%.

Logotipo da logomarca do Firebase

Se os espaços vertical e horizontal forem limitados, a logomarca poderá ser usada sozinha, sem o logotipo.

Logotipo vazado do Firebase

Se o amarelo da logomarca tiver uma taxa de contraste baixa em relação ao fundo, você poderá usar uma versão vazada na cor branco sólido.


Logotipos de produtos

Cada produto do Firebase tem um ícone próprio. Ele pode ser combinado com o logotipo do Firebase para criar um logotipo completo do produto.

Logotipo do ícone do produto para o Realtime Database

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 completo do produto para o Realtime Database

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.


Cores

Amarelo Firebase

#FFCA28

Amber 400

Âmbar Firebase

#FFA000

Amber 700

Laranja Firebase

#F57C00

Orange 700

O logotipo consiste em uma cor amarela primária e dois tons vivos de laranja.

Azul Firebase

#039BE5

Light Blue 600

Azul-marinho Firebase

#2C384A

Coral Firebase

#FF8A65

Deep Orange 300

Cinza Firebase

#ECEFF1

Blue Grey 50

O Firebase também tem uma paleta expandida usada para cores de fundo e outros recursos visuais.


Dimensionamento e espaçamento

Exemplos de logotipo do Firebase com pelo menos o dobro da altura do 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 do Firebase com 24 pixels de altura

Erros comuns

Erros comuns

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.