# Visuelle Identität, Markenidentität und Logo im Vergleich

[Canonical HTML page](https://gradiently.design/de/guide/visual-identity)

Drei Begriffe, die benutzt werden, als bedeuteten sie dasselbe. Das tun sie nicht, und der Unterschied erklärt, warum ein neues Logo so selten eine Marke rettet, die niemand wiedererkennt.

## The short version

- Eine visuelle Identität ist das sichtbare System einer Marke: Logo, Farben, Schriften, Bildwelt, grafische Elemente, Hintergründe, Layouts und Bewegung.
- Die Markenidentität ist weiter gefasst als die visuelle Identität, weil sie auch Name, Positionierung und Tonalität umfasst.
- Ein Logo ist ein einzelnes Element innerhalb der visuellen Identität, meist ihr kleinster und am seltensten gelesener Teil.
- Eine visuelle Identität funktioniert, wenn Menschen die Marke auch bei verdecktem Logo erkennen, weil Farbe, Schrift, Grund und Layout die Arbeit machen.
- Ein System der visuellen Identität wird als Regeln aufgeschrieben, sodass jeder es auf ein neues Format anwenden kann und es trotzdem nach der Marke aussieht.

Eine **visuelle Identität** ist alles, was man von einer Marke sieht, als ein System: Logo, Farben, Schriften, Bildwelt, grafische Formen, Hintergründe, Layouts und Bewegung. Sie liegt innerhalb der größeren Markenidentität, die außerdem Name, Positionierung und Tonalität umfasst. Und das Logo liegt innerhalb der visuellen Identität als ein Element unter vielen, meist das kleinste. Einfach gesagt: Ein Logo signiert die Arbeit, eine visuelle Identität macht die Arbeit wiedererkennbar, und eine Markenidentität entscheidet, was die Arbeit sagen soll.

## Logo, visuelle Identität und Markenidentität nebeneinander

| Frage | Logo | Visuelle Identität | Markenidentität |
| --- | --- | --- | --- |
| Was es ist | Ein Bildzeichen oder Schriftzug | Das sichtbare System | Alles, was die Marke sein will |
| Umfasst | Symbol, Schriftzug, Kombinationen | Logo, Farbe, Schrift, Bildwelt, Hintergründe, Layout, Bewegung | Visuelle Identität plus Name, Positionierung, Tonalität |
| Aufgabe | Signieren und kennzeichnen | Alles wiedererkennbar machen | Festlegen, wofür die Marke steht und wie sie klingt |
| Wo man es sieht | Ecken, Favicons, Beschilderung | Jeder Beitrag, jede Seite, Folie und Verpackung | Jedes Erlebnis, auch Worte und Service |
| Funktioniert allein? | Selten | Meistens, sogar ohne Logo | Sie ist das Ganze |

Jedes enthält das vorige. Ein Logo ohne visuelle Identität ist eine Unterschrift auf einem leeren Blatt.

Die Verwechslung ist verständlich. Jahrzehntelang war das Logo das teuerste und sichtbarste Ergebnis eines Branding-Projekts und wurde so zum Kürzel für das Ganze. Aber in einer Welt aus Feeds, Storys und Thumbnails ist das Logo oft zu klein zum Lesen, während Farbe, Schrift und Hintergrund den Bildschirm füllen. Die vollständige Liste der Bestandteile einer Markenidentität findest du in [was ist Markenidentität](https://gradiently.design/de/guide/what-is-brand-identity).

## Warum ein Logo keine Identität ist

Stell dir zwei Cafés mit gleich guten Logos vor. Das erste setzt sein Logo auf das Foto oder die Vorlage, die gerade zur Hand ist; das zweite setzt es jedes Mal auf denselben warmen Grund, mit derselben Schrift und demselben Layout. Nach einem Monat erkennen Menschen die Beiträge des zweiten Cafés aus dem Augenwinkel. Die Beiträge des ersten sehen aus wie die von allen anderen, mit einem Logo, das niemand liest.

### Nur ein Logo

- Für jeden Beitrag ein anderer Hintergrund und eine andere Schrift
- Wiedererkennung hängt davon ab, dass Menschen ein kleines Zeichen lesen
- Jedes neue Format wird von Grund auf gestaltet
- Ein neues Logo ändert nichts, was Menschen bemerken

### Visuelle Identität

- Ein Grund, ein Schriftstil, eine Art, Dinge anzuordnen
- Wiedererkennung passiert, bevor etwas gelesen wird
- Neue Formate folgen den Regeln und passen trotzdem
- Das Logo kann klein bleiben, weil alles andere die Marke trägt

Das macht Logos nicht unwichtig. Ein gutes Logo ist unverzichtbar für kleine Flächen, Absender und rechtliche Kennzeichen. Es kann die Wiedererkennung nur nicht allein tragen. [Farbverlauf-Logos](https://gradiently.design/de/guide/gradient-logo) und [ein Logo auf einen Farbverlauf setzen](https://gradiently.design/de/guide/logo-on-gradient-background) behandeln das Logo selbst ausführlicher.

## Was ein System der visuellen Identität umfasst

Eine visuelle Identität wird zum System, wenn ihre Teile so gut festgelegt sind, dass jemand anderes sie nutzen kann. Du brauchst kein hundertseitiges Handbuch. Du brauchst das Minimum für jedes Element, aufgeschrieben.

| Element | Mindestens festlegen |
| --- | --- |
| Logo | Hauptversion, einfarbige Version, Mindestgröße, Schutzraum |
| Farbe | Zwei bis fünf Farben mit Hex-Codes und Anteilen |
| Schrift | Eine oder zwei Schriften, mit Größen für Überschrift und Fließtext |
| Hintergrund | Ein Signatur-Grund, etwa ein Farbverlauf, eine Textur oder ein Farbton, plus eine flache Ausweichfarbe |
| Bildwelt | Wie Fotos oder Illustrationen aussehen und wie sie bearbeitet werden |
| Grafische Elemente | Formen, Linien, Icons oder Muster, falls du welche nutzt |
| Layout | Ränder, Ausrichtung und wo das Logo hingehört |
| Bewegung | Tempo und Stil der Bewegung, falls du Videos veröffentlichst |

Die Zeile Hintergrund lassen die meisten kleinen Marken leer, und sie bedeckt die meisten Pixel.

## Eine visuelle Identität muss in jeder Größe funktionieren

Der echte Test einer visuellen Identität ist ihre Spannweite. Dieselbe Marke muss auf einer hohen Story, einem sehr breiten Banner, einer kleinen Visitenkarte und einem Video-Thumbnail bestehen. Logos brechen meist an den Extremen; eine Signaturfarbe, Schrift und ein Grund tragen durch alle.

- Story 9:16: 1080 × 1920
- Instagram-Beitrag 4:5: 1080 × 1350
- YouTube-Thumbnail: 1280 × 720
- Visitenkarte: 1050 × 600
- LinkedIn-Banner: 1584 × 396

Fünf echte Formate, maßstabsgetreu gezeichnet. Eine visuelle Identität sollte in jedem davon nach sich selbst aussehen.

Eine Visitenkarte für ein Keramikatelier in schlichter Schrift auf einem Signatur-Farbverlauf

Eine Visitenkarte mit 300 dpi…

Ein breites LinkedIn-Banner für dasselbe Keramikatelier mit demselben Grund und derselben Schrift

…und ein LinkedIn-Banner, erkennbar dasselbe, ganz ohne Logo.

## So prüfst du, ob du eine visuelle Identität hast

1. **Das Logo verdecken** Nimm sechs aktuelle Beiträge, Seiten oder Folien und verdecke jeweils das Logo. Sehen sie immer noch nach einer Marke aus, hast du eine visuelle Identität.
2. **Mit der Konkurrenz mischen** Leg deine Arbeiten zwischen die von anderen aus deiner Branche. Verschwinden deine, brauchst du mindestens ein [unverwechselbares Markenelement](https://gradiently.design/de/guide/distinctive-brand-assets).
3. **An jemand Neues übergeben** Bitte eine Kollegin oder einen Freelancer, nach deinen Regeln ein neues Design zu machen. Braucht die Person viele Rückfragen, sind deine Regeln noch nicht aufgeschrieben; beginne einen [Markenstyleguide](https://gradiently.design/de/guide/brand-style-guide).

Ist ein Mark von Gradiently dein Signatur-Grund, rendert das Studio ihn für jede Größe und hält die Logos, Farben und Schriften deines Brand Kits einen Klick entfernt, sodass du den Test mit verdecktem Logo leichter bestehst.

## FAQ

### Was ist eine visuelle Identität?

Sie ist das sichtbare System einer Marke: Logo, Farben, Schriften, Bildwelt, grafische Elemente, Hintergründe, Layouts und Bewegung, so gut festgelegt, dass jeder sie anwenden kann.

### Was ist der Unterschied zwischen visueller Identität und Markenidentität?

Die visuelle Identität ist nur das, was man sieht. Die Markenidentität umfasst außerdem Name, Positionierung und Tonalität, die visuelle Identität ist also ein Teil davon.

### Ist ein Logo eine visuelle Identität?

Nein. Ein Logo ist ein Element einer visuellen Identität. Ohne einheitliche Farbe, Schrift und Hintergründe drumherum macht ein Logo eine Marke selten allein wiedererkennbar.

### Was sollte ein System der visuellen Identität umfassen?

Mindestens: Logoversionen und Regeln, eine Farbpalette mit Anteilen, eine oder zwei Schriften, einen Signatur-Hintergrund mit flacher Ausweichfarbe, Hinweise zur Bildwelt und einfache Layoutregeln.