Check out what’s new from Firebase@ Google I/O 2021, and join our alpha program for early access to the new Remote Config personalization feature. Learn more

Rappresentare il marchio Firebase

Costruito con Firebase

Ogni volta che ti riferisci a Firebase nel contesto di un'altra app, usa sempre la frase "Built with Firebase". Ciò include post sul blog, interviste alla stampa e nell'app stessa.

Costruito con il logo Firebase Light

Per sfondi più chiari con forme sovrapposte o motivi vari

Costruito con il logo Firebase Dark

Per uno sfondo più scuro con forme sovrapposte o motivi vari

Costruito con Firebase Knockout, logo High Contrast

Per sfondi solidi più scuri con contrasti elevati


Non utilizzare il marchio Firebase o qualsiasi variante del marchio Firebase insieme al nome generale della tua applicazione, prodotto, servizio o sito web. Non alterare o utilizzare il marchio Firebase in un modo che possa confondere o fuorviare e non utilizzare mai il marchio Firebase come elemento più prominente sulla tua pagina.

Logo di blocco standard

Il blocco standard può essere utilizzato nelle presentazioni di diapositive e nei post del blog. Non dovrebbe mai essere utilizzato all'interno del prodotto o in un modo che implichi che Firebase stia sostenendo o ha costruito il prodotto.

Quando possibile, il logo dovrebbe essere rappresentato come un blocco orizzontale con un logo a colori e un logo nero al 54% o bianco pieno.

Logo Firebase Vertical Lockup

Quando lo spazio orizzontale è limitato, è possibile utilizzare un blocco verticale con il logo a colori e il logo nero al 54% o bianco a tinta unita

Logo Firebase Logomark

Quando lo spazio verticale e orizzontale è limitato, il logo può essere utilizzato da solo senza il logo.

Logo Firebase Knockout

Quando il giallo del logo ha uno scarso contrasto con lo sfondo, è possibile utilizzare una versione a eliminazione diretta bianco pieno.


Loghi dei prodotti

Ogni prodotto all'interno di Firebase ha la propria icona. Questa icona può essere abbinata al logo Firebase per creare un blocco del prodotto.

Logo dell'icona del prodotto per il database in tempo reale

Ogni prodotto ha un'icona che viene presentata su un cerchio arancione o giallo, a seconda dell'icona. Queste icone devono essere utilizzate su uno sfondo scuro o neutro. Usali quando Firebase è già chiaro nel contesto (ad esempio una presentazione su Firebase).

Logo di blocco del prodotto per Realtime Database

L'icona può essere combinata con il logo Firebase per creare un blocco del prodotto.

Non utilizzare più blocchi di prodotto contemporaneamente. Non dovrebbe esserci più di un logo Firebase in un unico posto.


Colori

Firebase giallo

# FFCA28

Ambra 400

Firebase ambra

# FFA000

Ambra 700

Firebase arancione

# F57C00

Arancio 700

Il logo è composto da un colore giallo primario e due colori arancioni.

Base di fuoco blu

# 039BE5

Azzurro 600

Firebase navy

# 2C384A

Corallo Firebase

# FF8A65

Deep Orange 300

Firebase grigio

# ECEFF1

Blu Grigio 50

Firebase ha anche una tavolozza estesa utilizzata per i colori di sfondo e altre visualizzazioni.


Dimensionamento e spaziatura

Esempi di logo Firebase con almeno il doppio dell'altezza del logo

Per garantire la leggibilità, il logo non deve essere utilizzato con un'altezza inferiore a 24 px.

Per i blocchi, fornire almeno uno spazio bianco x-altezza x2 intorno al logo. Non affollare o sovrapporre mai il logo ad altri elementi.

Logo Firebase alto 24 pixel

Errori comuni

Errori comuni

Non...

  • Alterare o distorcere il logo in qualsiasi modo

  • Usa il knockout piatto in qualsiasi colore tranne il bianco

  • Modifica colore, forma o angoli

  • Ruota o capovolgi in qualsiasi direzione

  • Modifica le proporzioni, il posizionamento o il posizionamento

  • Sostituisci il logotipo con un carattere tipografico diverso

  • Usa il vecchio logo Firebase

  • Usa il logo su uno sfondo poco contrastante

  • Usa il logo su uno sfondo fuori marchio

  • Sovrapponi o affolla il logo con altri elementi

  • Ridisegna il logo

  • Utilizza un altro marchio Google insieme al tuo prodotto

Per le linee guida su come utilizzare altri marchi Google, vedere il sito Autorizzazioni del marchio .