Markenrichtlinien
Logo
Farben
Typografie
Stimme & Tonfall
Fotografie
Ikonen
Partnerschaften
Bitte beachten Sie, dass Sie sich mit der Nutzung unserer Assets an unsere Allgemeinen Geschäftsbedingungen halten .
Unser Logo
Unser Symbol
Helle und dunkle Modi
Freiraum
Unser Logo braucht Raum zum Atmen.
Um sicherzustellen, dass es immer klar und deutlich ist, müssen wir einen geschützten Bereich um das Logo herum einhalten.
Diese Regel verhindert, dass andere Elemente zu nahe kommen.
Horizontale Verriegelung
Vertikale Verriegelung
Auf Bilder
Um die Lesbarkeit zu gewährleisten, muss das Logo einen hohen Kontrast zu seinem Hintergrund aufweisen. Wenn Sie es auf einem Foto oder einem komplexen Bild platzieren, wählen Sie immer die Logoversion (z. B. Farbe oder Weiß), die am stärksten hervorsticht.
Dieses Bild hat einen tiefen, dunklen Hintergrund, daher verwenden wir das weiße Logo. Unser gelbes Symbol und der weiße Text bilden einen starken Kontrast zum Hintergrund.
Dieses Bild hat einen hellen, klaren Hintergrund, daher verwenden wir das Logo in Vollfarbe. Unser gelbes Symbol und der graue Text bilden einen starken Kontrast zum Hintergrund.
Dinge, die Sie vermeiden sollten
Farben
Highlight Gelb
Dies ist unsere primäre Akzentfarbe, mit der wir die Aufmerksamkeit auf uns ziehen und einen Hauch von Energie hinzufügen. Verwenden Sie sie sparsam für maximale Wirkung.
Am besten geeignet für: Wichtige Überschriften, Handlungsaufforderungen oder als kontrastierende Textfarbe auf dunklem (blauem) Hintergrund.
Nicht verwenden: Verwenden Sie dies für große Farbblöcke oder Fließtext.
#FFCC26
Primär Blau
Dies ist unsere zentrale Markenfarbe und der am besten erkennbare Teil unserer visuellen Identität. Sie sollte in den meisten Designs die dominierende Farbe sein.
Am besten geeignet für: Hauptüberschriften, hervorgehobener Text, „Lösungs“-Symbole und wichtige Markenmomente.
#2A71DB
Haupttext
Dieses Beinahe-Schwarz ist unsere Hauptfarbe für alle Texte. Sie wird verwendet, um eine gute Lesbarkeit zu gewährleisten, ohne die Härte eines reinen Schwarz zu haben.
Am besten geeignet für: Alle Haupttexte, Absätze und die meisten Zwischenüberschriften.
#0A090B
Sekundärer Text
Dieses gedämpfte Grau schafft eine klare visuelle Hierarchie. Es wird für unterstützende Informationen verwendet, die weniger auffällig sein sollten als der Haupttext.
Am besten geeignet für: Kleine Beschreibungstexte, Bildunterschriften, „Pain Point“-Schlagzeilen und andere unkritische Informationen.
#4F4D55
Leinwand
Dies ist unsere Standard-Hintergrundfarbe. Sie bietet eine weiche, saubere und moderne Leinwand für unsere Inhalte und wird bei den meisten Anwendungen gegenüber reinem Weiß bevorzugt.
Am besten geeignet für: Folienhintergründe, Hintergründe für Webseiten und allgemeines Layout.
Hinweis: Reines Weiß (#FFFFFF ) kann als alternativer Hintergrund verwendet werden, wenn Layouts einen höheren Kontrast erfordern oder graue Boxen mit Ebenen enthalten.
#F9F9F9
Typografie
Gewicht
Um ein sauberes, konsistentes und leicht lesbares Layout zu schaffen, verwenden wir vier bestimmte Schriftschnitte unserer Markenschrift. Jedes Gewicht hat einen bestimmten Zweck.
Licht
Verwenden Sie diese Schriftart sparsam, um eine luftige, anspruchsvolle Wirkung zu erzielen. Sie eignet sich am besten für große Texte, wie z. B. eine wichtige Tagline auf einer Präsentationsfolie oder ein großes Kundenzitat.
Hinweis: Vermeiden Sie die Verwendung von Light für kleinen Text oder lange Absätze, da dies schwer zu lesen sein kann.
Regulär
Dies ist unsere primäre Standardschriftart für den gesamten Fließtext. Sie ist für maximale Lesbarkeit in Absätzen, Listen und den meisten allgemeinen Inhalten optimiert.
Medium
Verwenden Sie Medium für Zwischenüberschriften, wichtige Aufforderungen oder zur Hervorhebung innerhalb eines Textblocks. Es schafft eine klare zweite Bedeutungsebene und eignet sich gut für Text auf farbigen Hintergründen.
Halbfett
Dies ist unsere stärkste Gewichtung, die für alle primären Überschriften und Aussagen von hoher Priorität reserviert ist. Sie soll die Aufmerksamkeit auf sich ziehen und die wichtigste Botschaft vermitteln.
Sizing
Wenn Sie die Proportionen beibehalten, erreichen Sie eine wichtige Hierarchie. Verwenden Sie diesen Größenleitfaden als Ausgangspunkt, aber opfern Sie niemals die Lesbarkeit.
Fotografie
Abschnitt
Ikonen
Stil
Wir halten unsere Symbole einheitlich, indem wir einen unausgefüllten Stil mit einem dünnen Strich verwenden.
Sie können ein Symbol allein verwenden oder es in eine Form einschließen.
Bibliothek
Die meisten unserer Symbole stammen aus der Bibliothek Material Symbols & Icons.
Die Bibliothek ist bei Google erhältlich .