Branding-Richtlinien für Google Classroom

In diesem Dokument wird die Verwendung des Namens, des Logos und des Symbols für Google Classroom erläutert. Wenn Sie weitere Fragen haben, lesen Sie die allgemeinen Google-Markenberechtigungen.

Richtlinien zur Verwendung von Symbolen

Verwenden Sie bei der Integration in Classroom immer das Classroom-Symbol und nicht das Google-Logo. Achten Sie darauf, dass das Google Classroom-Symbol vollständig und deutlich sichtbar ist. Sie können das Symbol mit oder ohne den Begleittext „Google Classroom“ verwenden. Wenn Sie das Classroom-Symbol zusammen mit anderen Logos verwenden, achten Sie darauf, dass jedes Logo einen ausreichenden Abstand hat, um die Lesbarkeit zu verbessern.

Größen

Das Classroom-Symbol ist in verschiedenen Größen zwischen 32 und 96 Pixeln verfügbar. Du kannst das Symbol für verschiedene Geräte und Bildschirmgrößen skalieren. Das Seitenverhältnis muss dabei aber beibehalten werden, damit das Logo nicht gestreckt wird.

Square Classroom-Logos

Quadratische Logos herunterladen

Runde Classroom-Logos

Runde Logos herunterladen

Classroom beschreiben

Wenn Sie das Classroom-Symbol verwenden, können Sie entweder den vollständigen Namen "Google Classroom" oder die kurze Version "Classroom" verwenden.

Beispielschaltflächen:

Beispiele für Schaltflächen

Beispiel für einen Abstand:

Beispiel für Padding

Wenn Sie über Classroom-Kurse sprechen, verwenden Sie eine der folgenden Formulierungen (beachten Sie, dass "Kurse" nicht großgeschrieben werden):

  • Google Classroom-Kurse (Beispiel: "Aus Ihren Google Classroom-Kursen auswählen")
  • Classroom-Kurse (Beispiel: "Aus Ihren Classroom-Kursen auswählen")
  • Über Google Classroom einladen
  • Mit Google Classroom teilen
  • Mit Google Classroom teilen

Verwenden Sie folgende Formulierungen nicht:

  • Google Classroom
  • Google-Kurse
  • Google-Kurse
  • Google-Kurs
  • Google Classroom einladen

Eigenes Produkt oder eigene Anwendung beschreiben

Wenn Ihr Produkt mit Google Classroom kompatibel ist, verweisen Sie auf Google Classroom, indem Sie den Text „für“, „zur Verwendung mit“ oder „kompatibel mit“ verwenden und das Symbol TM bei der Google-Marke angeben. Beispiel: „für Google ClassroomTM“

Beispiel für ein Logo

Wenn Sie in Verbindung mit Ihrem Logo auf eine Google-Marke verweisen, sollte der verweisende Text kleiner als Ihr Logo sein.

Beispiel für ein Logo

Verwendung von Screenshots

Zu illustrativen oder informativen Zwecken können Sie standardmäßige, unveränderte Screenshots von Google-Diensten verwenden. Weitere Informationen finden Sie in den allgemeinen Berechtigungen für Google-Marken.

Korrekte Quellenangaben

Nennen Sie bei jeder Verwendung dieser Marken in Ihrem Anwendungstitel oder in Ihrer Beschreibung Google als Quelle. Beispiel: Google Classroom ist eine Marke von Google Inc. Die Verwendung dieser Marke unterliegt den Google-Markenberechtigungen.

Schriftart

Verwenden Sie Roboto Bold, eine TrueType-Schriftart.

Laden Sie für die Installation die Roboto-Schriftart herunter und entpacken Sie das Download-Bundle.

  • Doppelklicken Sie auf einem Mac auf "Roboto-Bold.ttf" und klicken Sie dann auf "Schriftart installieren".
  • Ziehen Sie unter Windows die Datei in den Ordner „Arbeitsplatz“ > „Windows“ > „Schriftarten“.

Farben

Beispiel für Farben und Symbole

  • Klassisches Symbol
    • Die grüne Farbe des Google Classroom-Symbols ist #25A667.
    • Die gelbe Farbe des Google Classroom-Symbols ist #F6BB18.
    • Die weiße Farbe des Google Classroom-Symbols ist #FFFFFF.
    • Die grüne Sekundärfarbe der linken und rechten Person in Google Classroom ist #57BB8A.
  • Dunkles Symbol
    • Die schwarze Farbe des Google Classroom-Symbols ist #000000
    • Die weiße Farbe des Google Classroom-Symbols ist #FFFFFF.
    • Die graue Sekundärfarbe der linken und rechten Person in Google Classroom ist #57BB8A.
  • Helles Symbol
    • Die grüne Farbe des Google Classroom-Symbols ist #25A667.
    • Die gelbe Farbe des Google Classroom-Symbols ist #F6BB18.
    • Die grüne Sekundärfarbe der linken und rechten Person in Google Classroom ist #57BB8A.

Hover-Zustand

Wenn der Mauszeiger auf das Symbol bewegt wird, sollte es mit 20% Schwarz schattiert sein.

Beispiel für Hover-Zustände

Falsches Logodesign

  • Verwenden Sie keine anderen Farben als die für das Symbol angegebenen Farben.
  • Verwenden Sie kein Google-Symbol, um Google Classroom zu repräsentieren.
  • Erstellen Sie kein eigenes Symbol für die Schaltfläche.
  • Verwenden Sie in der Schaltfläche nicht den Begriff „Google“ ohne Google Classroom-Symbol.
  • Beispiele für falsches Design von Google Classroom-Schaltflächen:

Beispiele für falsche Verwendung

Verwenden Sie nie das farbige Google-Logo in der Schaltfläche. Fügen Sie immer das Google Classroom-Symbol links von der Schaltfläche ein. Ändern Sie nicht die Schriftart der Schaltfläche.