Darstellung der Marke Blockly

Der Code von Blockly ist Open Source und kann ohne Quellenangabe kostenlos verwendet werden.

Wir empfehlen Entwicklern, die Blockly verwenden, jedoch auf ihrer Website, in ihrer App oder in ihrem Produkt auf das Produkt zu verweisen. Auf dieser Seite werden die Best Practices für die Verweise auf Blockly und seine Zuordnung sowie die geeignete Verwendung des Logos beschrieben.

Alle Assets herunterladen

Wie verwende ich Blockly?

Blockly in Text beschreiben und zuordnen

Verwenden Sie bei der ersten Referenz in einem Absatz die primäre einzeilige Beschreibung:

Blockly ist eine Bibliothek von Google zum Erstellen von anfängerfreundlichen blockbasierten Programmiersprachen.

Wenn Sie sich auf Blockly im Kontext einer anderen App beziehen, die Blockly verwendet, sollten Sie den Satz "Built on Blockly" als Quellenangabe für die Entwicklerbibliothek verwenden. „Built with Blockly“ kann verwendet werden, wenn beim Erstellen der App zusätzliche Tools oder Bibliotheken verwendet wurden. Wenn Blockly die Hauptbibliothek ist, solltest du „Built on Blockly“ verwenden.

Bei der Zuweisung von Blockly-Attribution sollte dieser Ausdruck für Blogposts, Presseinterviews, die App und auf Ihrer Website verwendet werden.

Empfohlene und zu vermeidende Vorgehensweisen

Richtig: Rufen Sie Blockly "anfängerfreundlich" anstelle von "kinderfreundlich" auf. Blockly wird für eine Vielzahl von Anwendungen verwendet, nicht alle sind auf Kinder ausgerichtet.

Falsch: Beziehen Sie sich auf Blockly als Sprache (z. B. als „blockbasierte Programmiersprache“). Blockly ist keine Sprache, sondern ein Tool oder eine Bibliothek, mit deren Hilfe Entwickler Sprachen erstellen können.

Wie Blockly visuell dargestellt wird

Verwenden Sie für Blockly-Attributionen in Ihrer App oder auf Ihrer Website je nach Hintergrundfarbe eines der folgenden Logos:

Auf Grundlage von Blockly White Auf Grundlage von Blockly Black Auf Grundlage des Blockly-K.-Rundens
Für helle Hintergründe mit überlappenden Formen oder verschiedenen Mustern. Für dunkle Hintergründe mit überlappenden Formen oder verschiedenen Mustern. Für einfarbige dunkle Hintergründe (keine Formen oder Muster) mit hohem Kontrast.
PNG SVG PNG SVG PNG SVG

Verwenden Sie die Blockly-Marke oder eine Variante davon nicht in Verbindung mit dem allgemeinen Namen Ihrer Anwendung, Ihres Produkts, Ihres Dienstes oder Ihrer Website ohne die Erlaubnis des Blockly-Teams. Senden Sie eine E-Mail an blockly-support@google.com, um die entsprechende Berechtigung zu beantragen. Ändern oder verwenden Sie die Blockly-Marke nicht auf eine verwirrende oder irreführende Weise. Verwenden Sie das Blockly-Branding nie als das auffälligste Element auf Ihrer Seite.

Standard-Blockly-Logo

Standardlogo mit Claim

Das Standardlogo mit Claim kann für Präsentationsfolien und Blogposts verwendet werden.

Wann immer möglich, sollte das Logo als horizontales Logo mit Claim mit einem vollfarbigen Logo und einem neutralen Logo im Format 700 (#5F6368) oder einfarbig weiß dargestellt werden.

PNG SVG

Vertikales Blockly-Logo Blockly-Logo Blockly Knockout-Logo
Bei begrenztem horizontalem Platz kann ein vertikales Logo mit Claim mit dem vollfarbigen Logo und dem neutralen 700-Logo (#5F6368) oder einem einfarbigen weißen Logo verwendet werden. Bei begrenztem vertikalen und horizontalen Platz kann das Logo ohne das Logo verwendet werden. Wenn die Farbe des Logos einen schlechten Kontrast zum Hintergrund aufweist, kann eine ausgeblähte Volltonversion in Weiß verwendet werden.
PNG SVG PNG SVG PNG SVG

Logo-Farben

Blockly Blue

#4285f4 oder hsla(217, 89%, 61%, 1)

Blockgrau

#c8d1db oder hsla(212, 21%, 82%, 1)

Neutral 700

#5f6368 oder hsla(213, 5%, 39%, 1)

Größenangaben für die Füllung des Logos

Größe und Abstand

Aus Gründen der Lesbarkeit sollte das Logo nicht mit einer Höhe unter 24 Pixel verwendet werden.

Bei Logos mit Claim muss um das Logo mindestens Leerraum (x Höhe x 2) vorhanden sein. Das Logo darf nicht mit anderen Elementen überlagert werden.

Häufige Fehler

Beachten Sie Folgendes:

  • Das Logo verändern oder in irgendeiner Weise verzerren
  • Verwenden Sie den weißen Knockout in einer beliebigen Farbe außer Weiß.
  • Farbe, Form oder Winkel ändern
  • In eine beliebige Richtung drehen oder spiegeln
  • Proportionen, Positionierung oder Platzierung ändern
  • Logo durch eine andere Schriftart ersetzen
  • Das alte Blockly-Logo verwenden (für vorhandene Anwendungsfälle sollten Sie sie bei Bedarf aktualisieren)
  • Verwenden Sie das Logo auf einem Hintergrund mit wenig Kontrast (z. B. das Knockout-Logo auf einem hellgrauen Hintergrund).
  • Logo mit anderen Elementen überlagern oder überlagern
  • Logo neu zeichnen
  • Anderes Google-Branding in Verbindung mit Ihrem Produkt verwenden

Richtlinien zur Verwendung anderer Google-Marken findest du auf der Website zu Markenberechtigungen.