Diretrizes da marca
Como representar a marca Firebase
Built with 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.
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 completo 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. <br><br> Whenever possible, the logo should be represented as a horizontal lockup with a full color logomark and black 54% or solid white logotype.
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.
Ícones de produtos
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
The icon can be combined with the Firebase logo to create a product lockup. <br><br>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
Cores do logotipo
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
Paleta expandida
O Firebase também tem uma paleta expandida usada para cores de fundo e outros recursos visuais.
Dimensionamento e espaçamento
To ensure legibility, the logo should not be used with a height smaller than 24px.<br><br> For lockups, provide at least x-height x2 white space around the logo. Never crowd or overlap the logo with other elements.
Erros comuns
<span class="brand-guidelines__donot">Do not...</span> <ul> <li><p>Alter or distort the logo in any way</p></li> <li><p>Use the flat knockout in any color but white</p></li> <li><p>Alter color, shape, or angles</p></li> <li><p>Rotate or flip in any direction</p></li> <li><p>Alter proportions, positioning, or placement</p></li> <li><p>Replace the logotype with a different typeface</p></li> <li><p>Use the old Firebase logo</p></li> <li><p>Use the logo on a poorly contrasting background</p></li> <li><p>Use the logo on an off-brand background</p></li> <li><p>Overlap or crowd the logo with other elements</p></li> <li><p>Redraw the logo</p></li> <li><p>Use other Google branding in conjunction with your product</p></li> </ul> For guidelines on how to use other Google brands, see the <a href="https://www.google.com/permissions/" target="_blank" rel="noopener noreferrer">Brand Permissions site</a>.