Branding-Richtlinien für Google Classroom

In diesem Dokument wird beschrieben, wie Sie den Namen, das Logo und das Symbol von Google Classroom verwenden. Wenn Sie weitere Fragen haben, lesen Sie die allgemeinen Google-Markenrichtlinien.

Richtlinien für die Verwendung von Symbolen

Wenn Sie Google Classroom einbinden, verwenden Sie immer das Classroom-Symbol anstelle des Google-Logos. Das Google Classroom-Symbol muss vollständig und deutlich sichtbar sein. 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 der Abstand zwischen den Logos groß genug ist, damit sie gut lesbar sind.

Richtlinien für die Größe

Das Classroom-Symbol ist in verschiedenen Größen von 32 bis 96 Pixel verfügbar. Sie können die Größe des Symbols für verschiedene Geräte und Bildschirmgrößen anpassen, müssen aber das Seitenverhältnis beibehalten, damit das Logo nicht verzerrt wird.

Quadratische Classroom-Logos

Quadratische Logos herunterladen

Runde Classroom-Logos

Runde Logos herunterladen

Das Classroom-Symbol beschreiben

Wenn Sie das Classroom-Symbol verwenden, können Sie entweder den vollständigen Namen „Google Classroom“ oder die Kurzform „Classroom“ angeben.

Beispielschaltflächen:

Beispiele für Schaltflächen

Beispiel für den Innenabstand:

Beispiel für Auffüllen

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

  • Google Classroom-Kurse (Beispiel: „Wählen Sie einen Ihrer Google Classroom-Kurse aus“)
  • Classroom-Kurse (Beispiel: „Wählen Sie einen Ihrer Classroom-Kurse aus“)
  • Über Google Classroom einladen
  • Mit Google Classroom teilen
  • Mit Google Classroom teilen

Verwenden Sie nicht die folgenden Formulierungen:

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

Kompatibilität Ihres Produkts mit Classroom beschreiben

Wenn Ihr Produkt mit Google Classroom kompatibel ist, verweisen Sie auf Google Classroom mit einer Formulierung wie „für“, „zur Verwendung mit“ oder „kompatibel mit“ und achten Sie darauf, dass das Symbol „™“ zusammen mit der Google-Marke verwendet wird. Beispiel: „für Google Classroom™“

Beispiel für ein Logo

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

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 Google-Markenrichtlinien.

Markeninhaber nennen

Geben Sie im Titel oder in der Beschreibung Ihrer Anwendung für jede Verwendung von Google-Marken den Markeninhaber korrekt an. Beispiel: Google Classroom ist eine Marke von Google LLC. Die Verwendung dieser Marke unterliegt den Google-Markenrichtlinien.

Schriftart

Verwenden Sie Roboto Bold, eine TrueType-Schriftart.

Laden Sie die Schriftart Roboto herunter und extrahieren Sie das Downloadpaket, um sie zu installieren.

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

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 Personen links und rechts im Google Classroom-Symbol 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 Personen links und rechts im Google Classroom-Symbol 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 Personen links und rechts im Google Classroom-Symbol ist #57BB8A.

Mouseover-Einblendung

Wenn Sie den Mauszeiger über das Symbol bewegen, sollte es mit 20% Schwarz schattiert werden.

Beispiel für Hover-Zustände

Falsches Logo-Design

  • Verwenden Sie keine anderen Farben als die beiden für das Symbol angegebenen.
  • Verwenden Sie kein Google-Symbol, um Google Classroom darzustellen.
  • Erstellen Sie kein eigenes Symbol für die Schaltfläche.
  • Verwenden Sie den Begriff „Google“ nicht allein auf der Schaltfläche ohne ein Google Classroom-Symbol.
  • Beispiele für falsche Google Classroom-Schaltflächendesigns:

Beispiele für falsche Verwendung

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