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 seu 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

O logotipo completo padrão pode ser usado em apresentações de slides e postagens de blogs. Ele nunca deve ser usado no produto ou de maneira a sugerir que o Firebase criou ou apoia o produto.

Sempre que possível, o logotipo deve ser representado como um logotipo completo horizontal com uma logomarca colorida e um logotipo em branco sólido ou em preto 54%.

Logotipo lock-up vertical do Firebase

Se o espaço horizontal for limitado, um logotipo completo 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

Cada produto tem um ícone que é exibido em um círculo laranja ou amarelo. Esses ícones devem ser usados sobre um plano de fundo escuro ou neutro. Use-os quando já estiver claro pelo contexto que se trata do Firebase (por exemplo, uma apresentação sobre o Firebase).

Logotipo completo do produto para o Realtime Database

O ícone pode ser combinado com o logotipo do Firebase para criar um logotipo completo do produto.

Não use vários logotipos completos dos produtos juntos. Não deve haver mais de um logotipo do Firebase em um mesmo lugar.


Cores

Amarelo Firebase

#FFCA28

Âmbar 400

Âmbar Firebase

#FFA000

Âmbar 700

Laranja Firebase

#F57C00

Laranja 700

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

Azul Firebase

#039BE5

Azul-claro 600

Azul-marinho Firebase

#2C384A

Coral Firebase

#FF8A65

Laranja intenso 300

Cinza Firebase

#ECEFF1

Cinza-azulado 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

Para garantir a legibilidade, o logotipo não deve ser usado com uma altura menor que 24 px.

Para lock-ups, deixe um espaço em branco ao redor do logotipo de pelo menos o dobro da altura dele. Evite poluir ou sobrepor o logotipo com outros elementos.

Logotipo do Firebase com 24 pixels de altura

Erros comuns

Erros comuns

Não…

  • altere ou distorça o logotipo;

  • use o logotipo vazado sobre qualquer cor que não seja o branco;

  • altere a cor, a forma ou os ângulos;

  • gire ou vire o logotipo em qualquer direção;

  • altere as proporções, o posicionamento ou a colocação;

  • substitua a fonte do logotipo por uma diferente;

  • use o logotipo antigo do Firebase;

  • use o logotipo em um fundo com taxa de contraste baixa;

  • use o logotipo em um fundo que não seja o da marca;

  • sobreponha ou polua o logotipo com outros elementos;

  • redesenhe o logotipo;

  • use outra marca do Google em conjunto com seu produto.

Para ver as diretrizes sobre como usar outras marcas do Google, consulte o site de autorizações da marca.