We use essential cookies to make Venngage work. By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.

Manage Cookies

Cookies and similar technologies collect certain information about how you’re using our website. Some of them are essential, and without them you wouldn’t be able to use Venngage. But others are optional, and you get to choose whether we use them or not.

Strictly Necessary Cookies

Always Active

These cookies are always on, as they’re essential for making Venngage work, and making it safe. Without these cookies, services you’ve asked for can’t be provided.

Show cookie providers

  • Venngage
  • Amazon
  • Google Login
  • Intercom

Functionality Cookies

These cookies help us provide enhanced functionality and personalisation, and remember your settings. They may be set by us or by third party providers.

Show cookie providers

  • Venngage
  • Chameleon
  • Intercom
  • Algolia

Performance Cookies

These cookies help us analyze how many people are using Venngage, where they come from and how they're using it. If you opt out of these cookies, we can’t get feedback to make Venngage better for you and all our users.

Show cookie providers

  • Venngage
  • Mixpanel
  • Intercom
  • Google Analytics
  • Hotjar

Targeting Cookies

These cookies are set by our advertising partners to track your activity and show you relevant Venngage ads on other sites as you browse the internet.

Show cookie providers

  • Google Ads
  • Google Tag Manager
  • Facebook
  • Pinterest

Wie man einen Marken-Styleguide erstellt (mit Lektionen von Top-Tech-Unternehmen)

By Midori Nediger, Mar 31, 2022

brand style guide
Wenn es um Branding geht, ist Konstanz alles.

Aber wie stellen Sie die Marken Konstanz sicher, wenn Sie eine Reihe von Abteilungen, Partnern oder Agenturen haben, die Ihr Markenmaterial produzieren? Wie können Sie Ihre Markenanforderungen schnell kommunizieren, während Sie Ihr kleines Unternehmen vergrößern?

Mit einem Marken-Styleguide, natürlich! In diesem Beitrag sehen wir uns an, wie Sie einen Styleguide erstellen, der die Richtlinien für Ihre Marken-Assets klar umreißt und Professionalität und Konsistenz in all Ihren Botschaften gewährleistet.

Wir stellen auch unsere einfach zu bearbeitenden Vorlagen und unseren Online-Editor vor, mit denen Sie noch heute Ihren eigenen Marken-Styleguide erstellen können.

Klicken Sie, um vorwärts zu springen:

Erhalten Sie einen Insider-Blick darauf, wie Sie eine kohärente und umsetzbare Markenstrategie erstellen. Laden Sie ein KOSTENLOSES Exemplar dieses eBooks herunter, das wir mit HubSpot, der berühmten CRM-Software, erstellt haben.

  • Erfahren Sie, wie Sie häufige Fehler vermeiden können
  • Definieren Sie Ihre Markengeschichte
  • Legen Sie Regeln fest, wie Ihre Marken-Assets verwendet werden
  • Und vieles mehr!

Venngage Style Guide Header Image

 

Was ist ein Marken-Styleguide?

Ein Marken-Styleguide ist ein Regelwerk, das Vorgaben zu allem enthält, was für das Erscheinungsbild Ihrer Marke eine Rolle spielt – von Typografie und Farbe bis hin zu Logos und Bildmaterial. Es lässt jeden genau wissen, wie Ihre Marke der Welt präsentiert werden soll. Es dient als Leitfaden für das Design all Ihrer Inhalte, von Blogbeiträgen und Präsentationen bis hin zu Büroräumen und Visitenkarten.

Eine Menge der weltweit führenden Technologieunternehmen haben in den letzten Jahren ein Rebranding durchgeführt und dabei viel Zeit und Mühe in die Entwicklung gründlicher Marken-Styleguides investiert.

Zum Glück  sind für uns viele dieser Marken-Styleguides bereits veröffentlicht worden, warum also nicht von all ihrer harten Arbeit profitieren?

Hier ist, was Sie von den Marken-Styleguides meiner Lieblingsmarken lernen können (mit einigen praktischen Marken-Styleguide-Vorlagen) in dieser Branding-Infografik: 

brand style guide infographic

 

Bevor ich in diesen Leitfaden eintauche, haben Sie schon von der Brand Kit-Funktion von Venngage gehört? Es hilft Ihnen, Ihre Markenlogos, Schriftarten und Farben zu Ihren Designs hinzuzufügen, und das in einem Bruchteil der Zeit, die Sie normalerweise benötigen würden.

My Brand Kit

 

1. Beginnen Sie Ihren Marken-Styleguide mit einer großartigen Markengeschichte

Jede große Marke wird von einer überzeugenden Markengeschichte angetrieben.

Wenn Sie mit dem Begriff nicht vertraut sind, definiert und beschreibt eine Brand Story die Dinge, die einem Unternehmen am wichtigsten sind. Sie wird verwendet, um die Werte eines Unternehmens in der Öffentlichkeit zu kommunizieren, und kann auch dabei helfen, wichtige Entscheidungen innerhalb einer Organisation zu treffen.

Markengeschichten können bei verschiedenen Unternehmen ziemlich unterschiedlich aussehen, aber es gibt einen roten Faden, der sie alle miteinander verbindet:

Brand Stories verpacken die Vision, die Mission und die Kernwerte eines Unternehmens in ein nettes kleines Paket.

Viele Unternehmen lassen sich von Markenarchetypen inspirieren, und die besten Markengeschichten fügen eine Prise ihrer eigenen Persönlichkeit hinzu.

Atlassian, ein angesehenes Software-Unternehmen, hat seine Markengeschichte ganz auf die Persönlichkeit ausgerichtet. Sie haben deutlich gemacht, dass sie genau wissen, wer sie sind und was sie sein wollen. Sie beschreiben sich selbst als “mutig”, “optimistisch” und “praktisch mit einem Augenzwinkern”.

brand style guide

Diese unbeschwerte Haltung hat ihnen geholfen, ihre Stimme nach einer kürzlichen und dramatischen Markenüberholung zu etablieren, und ich für meinen Teil bin ein großer Fan.

Trello (vor etwa einem Jahr von Atlassian übernommen) erzählt eine ähnliche Markengeschichte in 10 Prinzipien, die jeweils von einer lustigen, individuellen Illustration begleitet werden.

brand style guide

Die Markengeschichte von Skype ist einer meiner Favoriten. Sie haben wirklich einen spielerischen, bodenständigen Ton eingefangen, der mit ihrer Marke übereinstimmt:

brand style guide

Es ist auch nichts falsch an einem traditionelleren Ansatz. Im Marken-Styleguide von Facebook wird die Unternehmensmission schlicht und einfach buchstabiert:

brand style guide

Wie auch immer, die Markengeschichte sollte in einem Marken-Styleguide immer an erster Stelle stehen. Sie bildet die Grundlage für das Markenerlebnis und sollte den Rest des Styleguides bestimmen.

Erstellen Sie eine Markengeschichte, die der Welt kommuniziert, worum es bei Ihrer Marke geht.

Schauen Sie sich diese Liste von gemeinnützigen Leitbildern an, die von unseren Freunden bei Elevation erstellt wurde, um mehr Inspiration zu erhalten!

Pssst…Wollen Sie lernen, wie Sie Ihren eigenen Brand Style Guide von Grund auf erstellen? Schauen Sie sich dieses KOSTENLOSE Ebook an, das wir mit unseren Freunden bei HubSpot erstellt haben. Es ist bis zum Rand gefüllt mit Tipps, Beispielen und Vorlagen:

Venngage Style Guide Header Image

 

2. Verwenden Sie Logo-Richtlinien, um eine erkennbare Markensignatur zu schaffen

Abgesehen von der Markengeschichte ist Ihr Logo der wichtigste Teil Ihrer Marke. Es ist die eine Sache, die jeder sofort als zu Ihnen gehörend erkennen sollte, und nur Sie.

Um ein Logo sofort erkennbar zu machen, muss es konsequent eingesetzt werden!

Sagen Sie mir, haben Sie das Facebook-Logo schon einmal in einer anderen Farbe als “Facebook-Blau” gesehen?

brand style guide

Das habe ich nicht, und das passiert nicht zufällig.

Alle Top-Marken-Styleguides umreißen Regeln für die genaue Verwendung ihrer Logos, um sicherzustellen, dass niemand eine falsche Botschaft mit seiner Marke sendet.

Dazu gehören auch Vorgaben, wie viel Platz um ihre Logos herum gelassen werden soll, so wie es Snapchat, Medium, Facebook und Spotify in ihren Marken-Styleguides getan haben:

brand style guide

Sie haben klare “Ausschlusszonen” um ihre Logos herum markiert. Diese bildfreien Zonen sind in der Regel etwa halb so breit wie das Logo selbst und geben den Logos Raum zum Atmen, damit sie ihre visuelle Wirkung behalten.  

Ein großartiger Marken-Styleguide enthält auch jede akzeptable Farbvariante für ein Logo, so dass es schwer ist, etwas falsch zu machen:

brand style guide

Medium ist noch einen Schritt weiter gegangen und hat jede Zweideutigkeit bezüglich der Logofarbe beseitigt, indem es die Verwendung von primären, sekundären und falschen Logofarben spezifiziert hat.

brand style guide

Es ist normalerweise eine gute Idee, auch hier eine Mindestgröße für das Logo festzulegen. Ermitteln Sie die kleinste Größe, bei der Ihr Logo im Druck und auf dem Bildschirm noch lesbar ist, und stellen Sie sicher, dass es nicht kleiner als diese Größe verwendet wird.

brand style guide

Es kann auch nicht schaden, einige konkrete Beispiele zu nennen. Machen Sie es dummy-sicher, indem Sie einschließen, was Sie nicht tun sollten:

brand style guide

Folgen Sie dem Beispiel von Top-Marken wie Spotify, Medium, Facebook und Snapchat und erstellen Sie klare Richtlinien, um sicherzustellen, dass Ihr Logo im besten Licht dargestellt wird.

brand style guide

 

3. Nehmen Sie die Kernfarbpalette Ihrer Marke in Ihren Marken-Styleguide auf

In der Vergangenheit waren Markenfarben einfach. Sie mussten vielleicht nur ein oder zwei Farben auswählen, die zu Ihrem Logo passten, und schon war alles fertig.

Aber das beginnt sich zu ändern.

Viele Unternehmen verwenden jetzt mehrere Farbschemata, um ihre Markenkommunikation lebendiger zu gestalten.

Um den Wiedererkennungswert der Marke aufrechtzuerhalten, ist es wichtiger denn je, die Kernfarben der Marke bekannt und konsistent zu machen.

Definieren Sie in Ihrem Marken-Styleguide eindeutig die Farbpalette Ihrer Marke. Ob Sie, wie Twitter und Snapchat, eine primäre Markenfarbe und einige sekundäre Farbtöne haben:

brand style guide

Oder Sie haben, wie Netflix, bestimmte Farbkombinationen, an die sich Ihre Designer halten sollen:

brand style guide

Es ist eine gute Idee, Ihre Kernmarkenfarben absolut klar zu machen. Vergessen Sie nicht, die notwendigen Hex-Codes, RGB-Werte und CMYK-Farbcodes anzugeben, um sicherzustellen, dass Ihre Farben in allen Medien konsistent dargestellt werden.

brand style guide

 

Marken wie Trello, die sich stärker auf Farbe verlassen, um Funktionen und Komponenten ihres Produkts auszudrücken, neigen dazu, umfassendere Farbsysteme zu entwickeln. Wenn sie jeden Farbton in ihrer Palette ausschreiben, bedeutet das, dass sie nicht mehr mit Farbwählern herumfummeln müssen!

brand style guide

Atlassian hat sich die Mühe gemacht, Farbkombinationen zu finden, die den Standards für Barrierefreiheit entsprechen, und einige praktische Beispiele für gute und schlechte Farbkontraste gegeben:

brand style guide

Zusätzlich zu den aktuellen Social-Media-Grafikdesign-Trends hat Spotify sogar realistische Beispiele dafür geliefert, wo man sein markantes “Spotify-Grün” nicht verwenden sollte:

brand style guide

Wie auch immer Sie es drehen und wenden, je mehr Beispiele, desto besser, wenn es um Farben in Ihrem Marken-Styleguide geht. Fügen Sie auf jeden Fall Ihre Kernmarkenfarben mit Hexadezimalcodes und RGB-Werten ein, aber erwägen Sie auch, nützliche Farbtonvariationen und einige trendige Beispiele für “Do’s and Don’ts” hinzuzufügen.

brand style guide

 

Mit dem Brand Kit von Venngage können Sie Ihre Markenfarben speichern, um später einfach darauf zuzugreifen.

brand kit

Sobald Sie Ihre Markenfarben ausgewählt haben, werden diese immer sofort im Farbauswahlwerkzeug angezeigt:

brand colors

Erfahren Sie hier mehr über Ihr Brand Kit.

4. Wählen Sie eine Typografie, die zu Ihrem visuellen Stil passt

Typografie ist eines der Dinge, die unbemerkt bleiben, wenn sie gut gemacht ist, aber wie ein wunder Daumen herausstechen, wenn sie es nicht ist. Wenn Sie zulassen, dass die Wahl der Schriftart unter Ihrem Radar durchrutscht, kann Ihre Marke wirklich billig werden.

Um Ihr Markenerlebnis zu verbessern, verwenden Sie einen Marken-Styleguide, um sicherzustellen, dass Sie die Typografie in allen Ihren Werbemitteln konsistent anwenden.

Das bedeutet, dass festgelegt wird, welche Schriftarten für welche Zwecke (im Druck und im Web) verwendet werden.

brand style guide

Sowohl Twitter als auch Snapchat haben es einfach gehalten und jeweils eine Schriftart für so gut wie alles gewählt:

brand style guide

Lustigerweise hat Trello die gleiche Schriftart wie Twitter gewählt, geht aber noch ein paar Schritte weiter, indem es eine Designhierarchie von Schriftstilen und -größen, Textfarben und Stilen für Listen und Absätze festlegt:

brand style guide

Je nach Produkt oder Unternehmen ist es manchmal notwendig, unterschiedliche Schriftarten für verschiedene Plattformen festzulegen. iHeartMedia hat nichts dem Zufall überlassen und Optionen für Android, Wearables, Microsoft-Produkte und sogar Autos integriert:

brand style guide

Manche Firmen entwerfen sogar ihre eigenen Schriftarten! Wenn Sie das tun, ist es eine gute Idee, Fallback-Optionen für die externe Verwendung einzubauen:

brand style guide

Überwältigt?

Machen Sie sich keine Sorgen. Ein einfacher Marken-Styleguide muss nicht so umfangreich sein – konzentrieren Sie sich einfach auf Ihre am häufigsten verwendeten Schriftarten, normalerweise nur eine oder zwei. Legen Sie Ihre Schrift- und Designhierarchie in Bezug auf Schriftgrößen (groß für Überschriften, mittel für Zwischenüberschriften und kleinere längere Absätze) und Schriftschnitte (leicht, fett, schwer usw.) fest:

brand style guide

 

Möchten Sie mehr über die Auswahl von Schriftarten erfahren? Lesen Sie unseren Artikel über die Auswahl von Infografik-Schriften – es gelten die gleichen Regeln!

5. Finden Sie Ihre Markenstimme

Die Bedeutung einer konsistenten Markenstimme in Ihrem Messaging sollte nicht unterschätzt werden.

Verbringen Sie einige Zeit damit, den Stil zu finden, der bei Ihrem Publikum Anklang findet und mit der Persönlichkeit Ihrer Marke übereinstimmt.

Sobald Sie es herausgefunden haben, stellen Sie sicher, dass es auf allen Ihren Kanälen repliziert wird, indem Sie es in Ihrem Marken-Styleguide festlegen!

Shopify ist bei der Definition seiner Sprache weit über das übliche Maß hinausgegangen und hat eine Reihe von Regeln für Grammatik, Zeichensetzung, Rechtschreibung, Wortschatz, Namensgebung und Tonfall aufgestellt. Durch die vielen Beispiele ist es unmöglich, sich bei der Nachrichtenübermittlung zu irren.

brand style guide

Auf der anderen Seite des Spektrums hat Atlassian es kurz und bündig gehalten und einfach ihren Schreibstil in ein paar kurzen Sätzen umrissen. Manchmal ist das alles, was man braucht!

brand style guide

Skype hat es wieder einmal mit einer einfachen, aber effektiven Zusammenfassung geschafft, Wörter, die sie mögen, mit Wörtern, die sie nicht mögen, zu kontrastieren.

brand style guide

Wenn ich eine Sache für Ihren Marken-Styleguide vorschlagen könnte, dann wäre es, ein Schreibbeispiel (oder zwei) aufzunehmen, das die Markenstimme Ihres Unternehmens widerspiegelt. Wir lernen am besten durch Vorbilder, richtig?

 

Brauchen Sie Hilfe bei der Erstellung Ihrer eigenen Markenrichtlinien? Schauen Sie sich dieses KOSTENLOSE Ebook an, das wir mit unseren Freunden bei HubSpot erstellt haben. Es ist prall gefüllt mit Tipps, Beispielen und Vorlagen:

Venngage Style Guide Header Image

6. Nehmen Sie Richtlinien für Bilder und Datenvisualisierung in Ihren Marken-Styleguide auf

Zu guter Letzt ist es an der Zeit, über die Bildsprache zu sprechen. Alles an Ihrer Bildsprache, einschließlich Stil, Farbe und Inhalt, trägt zur Wahrnehmung Ihrer Marke bei.

Erstellen Sie einige Richtlinien für Bildmaterial (Fotos, Illustrationen, Diagramme, Infografiken usw.), die Sie in Ihren Marken-Styleguide aufnehmen können.

Wie könnten diese Richtlinien aussehen?

Nun, Trello liebt es, eigene Illustrationen zu präsentieren, weiß aber, dass es für verschiedene Künstler schwierig sein kann, Illustrationen in einem einheitlichen Stil zu erstellen. Sie überlassen nichts dem Zufall, indem sie umreißen, was es bedeutet, eine “Trello-y”-Illustration zu machen – mit Richtlinien zu Konzept, Komposition, Schatten und mehr.

Das Wichtigste: Sie geben Beispiele!

brand style guide

In diesem Sinne geht Shopify aufs Ganze und gibt an, wann und wo Illustrationen verwendet werden dürfen, welche Prinzipien bei der Kritik von Illustrationen zu beachten sind und welche stilistischen Entscheidungen (wie Hintergrundfarbe, Detailgrad, Maßstab und Überblendungsmodi) eine Illustration “on-brand” machen.

brand style guide

Illustrationsprinzipien aus dem Brand Style Guide von Shopify.

Atlassian wählt einen minimalistischeren Ansatz und verpackt seinen Illustrationsstil in Worte wie “Praktikabilität”, “Optimismus” und “Freundlichkeit”.

brand style guide

Der fotografische Stil ist genauso wichtig wie der illustrative Stil. Wenn Sie in Ihrem Branding häufig Fotografien verwenden, sollte Ihr Styleguide den Grad der Komplexität, Kompositionen, Farbschemata, Stile und technische Spezifikationen festlegen, die dafür sorgen, dass Fotografien zu Ihrer Marke passen.  

Die Markenrichtlinien von Berkeley beschreiben ihren fotografischen Stil als leicht, luftig und natürlich, wobei nur Bilder verwendet werden, die in eine der drei Kategorien passen: aktuell, kulturell oder historisch.

brand style guide

Sie geben ihren Fotografen auch einige konkretere Anweisungen:

“Wir verwenden natürliches Licht, wann immer es möglich ist. Licht wird auch als aktives Element in unserer Fotografie eingesetzt, manchmal bis hin zu einer leichten Überbelichtung. Um unnatürliche Winkel zu vermeiden, drehen Sie die Kamera nie in einem anderen Winkel als 90 Grad.”

Egal, ob Sie mit Fotos oder Illustrationen arbeiten, viele Beispiele und ausführliche Beschreibungen sind der richtige Weg! Hier ist ein Beispiel für eine Branding-Infografik, die dies verdeutlicht:

brand style guide

 

Wenn Ihr Branding Infografiken oder Datenvisualisierungen enthält (was es auf jeden Fall tun sollte), vergessen Sie nicht, auch für diese einige stilistische Richtlinien festzulegen.

Legen Sie fest, wann und wo Infografiken und Datenvisualisierungen verwendet werden sollen, und geben Sie Stilpräferenzen und technische Konventionen an.

Shopify gibt seinen Designern klare Anweisungen, wie sie eine Datenvisualisierung angehen sollen:

brand style guide

Gefolgt von einigen definitiven Regeln für die Beschriftung und das Styling dieser Visualisierungen:

brand style guide

Richtlinien wie diese sind leicht zu übersehen, tragen aber bei richtiger Anwendung wesentlich zu einem kohärenten Markenauftritt bei – insbesondere bei komplexeren Medien wie Infografiken und Datenvisualisierungen.

Fazit

Senden Sie keine gemischten Botschaften, wenn es um Ihre Marke geht.

Lassen Sie sich von den Top-Marken von heute inspirieren und erstellen Sie Ihren eigenen Marken-Styleguide, damit jeder, der Ihre Marke repräsentiert, schnell, effizient und sicher Werbematerialien erstellen kann. Erstellen Sie einen mit diesen 6 einfachen Schritten:

  1. Beginnen Sie Ihren Marken-Styleguide mit einer großartigen Markengeschichte
  2. Verwenden Sie Logo-Richtlinien, um eine erkennbare Markensignatur zu schaffen
  3. Die Kernfarbpalette Ihrer Marke einbeziehen
  4. Diktieren Sie Ihre Typografie-Hierarchie
  5. Definieren Sie Ihre Markenstimme
  6. Legen Sie die Bildsprache und Ikonografie fest, die Ihren visuellen Stil ausmachen

Oder arbeiten Sie mit einer unserer vorgefertigten Vorlagen – fügen Sie einfach Ihr eigenes Branding ein und schon kann es losgehen!

brand style guide

 

Wenn Sie feststellen, dass etwas an Ihrer Marke nicht funktioniert, beheben Sie es! Ein Marken-Styleguide sollte ein sich ständig weiterentwickelndes Dokument sein, weshalb wir das Bearbeiten und Teilen zum Kinderspiel gemacht haben.

 

WATCH: Alles, was Sie über die Marke wissen müssen, in weniger als 3 Minuten!