Linee guida per il branding di Google Classroom

Questo documento illustra come utilizzare il nome, il logo e l'icona di Google Classroom. Per eventuali altre domande, consulta le autorizzazioni per i brand Google più generali.

Linee guida per l'utilizzo delle icone

Durante l'integrazione con Classroom, utilizza sempre l'icona Classroom (anziché il logo Google). Assicurati che l'icona di Google Classroom sia completamente e chiaramente visibile. Puoi utilizzare l'icona con o senza il testo aggiuntivo "Google Classroom". Se utilizzi l'icona di Classroom insieme ad altri loghi, assicurati che ciascuno abbia uno spazio adeguato per la leggibilità.

Dimensioni

L'icona di Classroom è disponibile in diverse dimensioni, da 32 a 96 pixel. Puoi ridimensionare l'icona per diversi dispositivi e dimensioni dello schermo, ma devi mantenere le proporzioni in modo che il logo non venga allungato.

Loghi quadrati di Classroom

Scaricare loghi quadrati

Loghi di Classroom rotondi

Scaricare loghi rotondi

Descrivere Classroom

Quando utilizzi l'icona di Classroom, puoi includere il nome completo "Google Classroom" o la versione abbreviata "Classroom".

Pulsanti di esempio:

Esempi di pulsanti

Spaziatura interna di esempio:

Esempio di spaziatura interna

Quando parli di corsi di Classroom, usa una di queste frasi (tieni presente che "classi" non è in maiuscolo):

  • corsi di Google Classroom (ad esempio, "Scegli dai tuoi corsi Google Classroom")
  • Corsi di Classroom (esempio: "Scegli tra i tuoi corsi di Classroom")
  • Invitare tramite Google Classroom
  • Condividere con Google Classroom
  • Condividere con Google Classroom

Non utilizzare le seguenti frasi:

  • Google Classroom
  • Corsi Google
  • Google Classroom
  • Google Class
  • Invitare Google Classroom

Descrivere il tuo prodotto o la tua applicazione

Se il tuo prodotto è compatibile con Google Classroom, fai riferimento a Google Classroom utilizzando il testo "per", "da utilizzare con" o "compatibile con" e assicurati di includere il simbolo ™ con il marchio Google. Esempio: "per Google Classroom™"

Esempio di logo

Se fai riferimento a un marchio di Google in combinazione con il tuo logo, il testo di riferimento deve avere dimensioni inferiori rispetto al logo.

Esempio di logo

Utilizzo di screenshot

A scopo illustrativo o informativo, puoi utilizzare screenshot standard e invariati dei servizi Google. Per ulteriori dettagli, consulta le autorizzazioni all'utilizzo del brand Google generali.

Fornire l'attribuzione corretta

Attribuisci correttamente a Google l'utilizzo dei suoi marchi nel titolo o nella descrizione dell'applicazione. Esempio: Google Classroom è un marchio di Google Inc. L'utilizzo di questo marchio è soggetto alle autorizzazioni per il brand Google.

Carattere

Utilizza Roboto Bold, un carattere TrueType.

Per installarlo, scarica il carattere Roboto e decomprimi il bundle del download.

  • Su Mac, fai doppio clic su Roboto-Bold.ttf e poi su "Installa carattere".
  • Su Windows, trascina il file nella cartella "Risorse del computer" > "Windows" > "Caratteri".

Colori

Esempio di colori e icone

  • Icona classica
    • Il colore verde dell'icona di Google Classroom è #25A667
    • Il colore giallo dell'icona di Google Classroom è #F6BB18
    • Il colore bianco dell'icona di Google Classroom è #FFFFFF
    • Il colore secondario verde della persona a sinistra e a destra nell'icona di Google Classroom è #57BB8A
  • Icona scura
    • Il colore nero dell'icona di Google Classroom è #000000
    • Il colore bianco dell'icona di Google Classroom è #FFFFFF
    • Il colore secondario grigio della persona destra e sinistra in Google Classroom è #57BB8A
  • Icona Luce
    • Il colore verde dell'icona di Google Classroom è #25A667
    • Il colore giallo dell'icona di Google Classroom è #F6BB18
    • Il colore secondario verde della persona a sinistra e a destra nell'icona di Google Classroom è #57BB8A

Stato di passaggio del mouse

Al passaggio del mouse, l'icona deve essere ombreggiata con il 20% di nero.

Esempio di stati di passaggio del mouse

Design del logo errato

  • Non utilizzare colori diversi dai due specificati per l'icona.
  • Non utilizzare un'icona di Google per rappresentare Google Classroom.
  • Non creare un'icona personalizzata per il pulsante.
  • Non usare il termine "Google" da solo nel pulsante senza un'icona di Google Classroom.
  • Esempi di design dei pulsanti di Google Classroom errati:

Esempi di utilizzo non corretto

Non utilizzare mai il logo Google a colori nel pulsante. Includi sempre l'icona di Google Classroom a sinistra del pulsante. Non modificare il carattere del pulsante.