Die Kurzfassung
- Logo-Varianten sind unterschiedliche Anordnungen und Farbfassungen desselben Logos, gemacht, damit es in jeden Raum passt, in dem es erscheint.
- Ein typisches Set umfasst ein Hauptlogo, eine horizontale Version, eine gestapelte Version, ein Icon oder Submark und einfarbige Versionen in Schwarz und Weiß.
- Jede Variante sollte dieselben Buchstabenformen, dasselbe Symbol und dieselben Farben teilen, damit sie als ein Logo wirken statt als mehrere.
- Das Icon oder Submark ist die Version für Profilbilder, Favicons und andere kleine quadratische Flächen.
- Halte fest, welche Variante wohin gehört, damit niemand raten oder das Hauptlogo passend ziehen muss.
Auf dieser Seite
Logo-Varianten sind die verschiedenen Versionen eines Logos, so angeordnet und eingefärbt, dass sie zu unterschiedlichen Räumen passen. Die meisten Marken brauchen fünf: ein Hauptlogo, eine horizontale Anordnung für breite Flächen, eine gestapelte Version für quadratische, ein Icon oder Submark für winzige Flächen und einfarbige Versionen in Schwarz und Weiß. Aus denselben Teilen gebaut, lassen sie das Logo in einem Banner, einem Profilbild und einem einfarbigen Stempel richtig aussehen, ohne es je zu strecken oder zu stauchen.
Warum ein Logo nicht reicht
Ein Logo, das für ein Ladenschild entworfen wurde, ist meist zu breit für ein Profilbild und zu detailliert für ein Favicon. Gibt es nur eine Datei, improvisieren die Leute: Sie verkleinern es, bis es unlesbar ist, stauchen es passend oder setzen es auf einen Hintergrund, auf dem es verschwindet. Varianten lösen das im Voraus. Du entscheidest einmal, wie sich das Logo anpasst, und alle folgen derselben Antwort.
Die fünf Logo-Varianten, die die meisten Marken brauchen
Was es ist
Einsatz
Was es ist
Einsatz
Was es ist
Einsatz
Was es ist
Einsatz
Was es ist
Einsatz
Manche Marken ergänzen eine Version nur als Wortmarke, den Namen ohne Symbol, für Orte, an denen das Symbol zu klein zum Lesen wäre. Und eine Version als Abzeichen oder Emblem kann für Sticker und Verpackungssiegel nützlich sein. Keine von beiden ist am ersten Tag nötig.
Jede Variante dem passenden Raum zuordnen
Die Form des Raums entscheidet über die Variante. Breite Flächen bekommen die horizontale Anordnung, quadratische die gestapelte Version oder das Icon, und alles, was kleiner als ein Thumbnail ist, bekommt nur das Icon.
E-Mail-Header 1200×600: horizontal
1200 × 600
Instagram-Quadrat 1080×1080: gestapelt
1080 × 1080
Story 1080×1920: gestapelt oder Icon
1080 × 1920
LinkedIn-Banner 1584×396: horizontal
1584 × 396
In einem breiten E-Mail-Header läuft der Name in einer Zeile, und der Raum liest sich natürlich.
Im Quadrat füllt die gestapelte Anordnung das Bild und bleibt groß genug zum Lesen.
Farbvarianten: vollfarbig, invertiert und einfarbig
Jede Anordnung braucht auch Farbversionen. Du brauchst nicht jede Kombination, aber diese vier, damit das Logo eine Antwort für helle Hintergründe, dunkle Hintergründe und den Druck in einer Farbe hat.
Auf Verläufen und Fotos ist die einfarbige weiße oder schwarze Version oft die richtige Wahl, weil ein zweifarbiges Logo mit dem Dahinter kollidieren kann. Logo auf einem Verlaufshintergrund zeigt, wie du zwischen ihnen wählst, und Hintergrundideen für Logos hat Hintergründe, die zu einem schlichten Logo passen.
So baust du ein Set aus Logo-Varianten
- 1
Beim Hauptlogo als Vektor beginnen
Jede Variante wird aus denselben Masterteilen neu angeordnet. Zeichne nie das Symbol neu und setz den Namen nie in einem anderen Schnitt.
- 2
Horizontale und gestapelte Anordnung erstellen
Setz das Symbol neben oder über den Namen. Leg den Abstand dazwischen als Maß fest, zum Beispiel als Höhe der Großbuchstaben im Namen.
- 3
Das Icon vereinfachen
Nimm das Symbol oder die Initialen allein, entferne feine Details und verstärke dünne Linien. Es muss in sehr kleinen Größen lesbar sein, also teste es als Favicon.
- 4
Die Farbversionen anlegen
Vollfarbig, invertiert, Schwarz und Weiß für jede Anordnung. Prüf die invertierte Version auf deiner dunkelsten Markenfarbe.
- 5
Schutzraum und Mindestgrößen festlegen
Definiere den freien Rand um jede Version und die kleinste Größe, in der sie genutzt werden darf, in Pixeln für Bildschirme und Millimetern für den Druck.
- 6
Exportieren und Dateien klar benennen
SVG, PDF und transparentes PNG für jede, benannt wie
fern-stacked-reversed.svg, damit man die richtige wählt, ohne sie zu öffnen.
Regeln, die Varianten wie ein Logo aussehen lassen
Vermeiden
- Eine Version strecken oder stauchen, damit sie passt
- Das Icon für jede Plattform anders zeichnen
- Neue Farben, die nur in einer Variante auftauchen
- Slogans zufällig an manche Versionen hängen und an andere nicht
- Das Hauptlogo nutzen, wo das Icon hingehört
Besser
- Die Variante wählen, deren Form zum Raum passt
- Ein Icon, überall genutzt, wo ein kleines Quadrat gebraucht wird
- Dieselbe Palette im ganzen Set
- Eine Anordnung mit Slogan als eigene, dokumentierte Variante behandeln
- Schutzraum und Mindestgrößen einhalten
Dokumentiere das Set auf einer einzigen Seite deines Marken-Styleguides: jede Variante, ihre Farbversionen, Schutzraum, Mindestgröße und wo sie genutzt wird. Leg die Dateien dann dorthin, wo tatsächlich gestaltet wird. In Gradiently hält das Markenkit mehrere Logos nebeneinander, sodass die gestapelte Version, das Icon und die invertierte Datei im Studio jeweils einen Klick entfernt sind, und der Designer kann das Kit anwenden, wenn er ein Design gestaltet. Markenkit behandelt, was sonst noch dazugehört.
Häufige Fragen
Was sind Logo-Varianten?
Alternative Versionen eines Logos, etwa horizontal, gestapelt, Icon und einfarbig, gemacht, damit das Logo in jeden Raum passt, ohne verzerrt zu werden.
Wie viele Logo-Varianten brauche ich?
Die meisten Marken brauchen etwa fünf: Hauptlogo, horizontal, gestapelt, ein Icon oder Submark und Versionen in Schwarz und Weiß. Ergänze weitere nur, wenn ein echter Einsatz es verlangt.
Was ist ein Submark-Logo?
Ein Submark ist eine vereinfachte, meist kompakte Version des Logos, oft die Initialen oder das Symbol allein, genutzt auf kleinen Flächen wie Profilbildern, Favicons und Stickern.
Was ist ein responsives Logo?
Ein responsives Logo ist ein Set von Varianten, die sich vereinfachen, wenn der Raum schrumpft, von der vollen Anordnung auf großen Bildschirmen bis zum bloßen Icon in den kleinsten Größen.
Welche Logo-Variante sollte ich für ein Profilbild nutzen?
Nutze das Icon oder Submark oder die gestapelte Version, wenn sie kurz ist, auf einem quadratischen Hintergrund. Breite horizontale Logos werden in einem kleinen Kreis unlesbar.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen