Markt
Preise
AnmeldenLoslegen
LeitfadenBranding
Branding

Logo-Varianten: Haupt-, gestapeltes, Icon- und einfarbiges Logo

Ein Logo passt nicht in ein breites Banner, einen winzigen Kreis und einen Stempel zugleich. Eine kleine Familie von Logo-Varianten schon. Das ist das Set, das die meisten Marken brauchen, und die Regeln, die es wie ein Logo aussehen lassen.

GradientlyVerifiziertes Gradiently-Konto·1. Oktober 2026·5 Min. Lesezeit
Cover: Dahlia Serenade · GR·VVP9·E9

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
Warum ein Logo nicht reichtDie fünf Logo-Varianten, die die meisten Marken brauchenJede Variante dem passenden Raum zuordnenFarbvarianten: vollfarbig, invertiert und einfarbigSo baust du ein Set aus Logo-VariantenRegeln, die Varianten wie ein Logo aussehen lassen

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

Hauptlogo

Was es ist

Das ganze Logo wie entworfen, meist Symbol plus Name

Einsatz

Website-Header, Beschilderung, erste Seite von Dokumenten
Horizontal

Was es ist

Symbol links neben dem Namen, in einer Zeile

Einsatz

Banner, E-Mail-Header, schmale Navigationsleisten
Gestapelt

Was es ist

Symbol über dem Namen, zentriert

Einsatz

Quadratische Posts, Verpackungsetiketten, Merchandise
Icon oder Submark

Was es ist

Das Symbol oder die Initialen allein

Einsatz

Profilbilder, Favicons, App-Icons, Wasserzeichen, Sticker
Einfarbig

Was es ist

Jede der obigen Versionen in reinem Schwarz oder reinem Weiß

Einsatz

Druck in einer Farbe, Fotos, Prägungen, Stempel, dunkle oder unruhige Hintergründe
VarianteWas es istEinsatz
HauptlogoDas ganze Logo wie entworfen, meist Symbol plus NameWebsite-Header, Beschilderung, erste Seite von Dokumenten
HorizontalSymbol links neben dem Namen, in einer ZeileBanner, E-Mail-Header, schmale Navigationsleisten
GestapeltSymbol über dem Namen, zentriertQuadratische Posts, Verpackungsetiketten, Merchandise
Icon oder SubmarkDas Symbol oder die Initialen alleinProfilbilder, Favicons, App-Icons, Wasserzeichen, Sticker
EinfarbigJede der obigen Versionen in reinem Schwarz oder reinem WeißDruck in einer Farbe, Fotos, Prägungen, Stempel, dunkle oder unruhige Hintergründe
Dein Hauptlogo ist vielleicht schon horizontal oder gestapelt. Dann brauchst du die andere Anordnung, plus Icon und einfarbige Versionen.

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

Die Form der Fläche sagt dir, zu welcher Version du greifst. Ein gestapeltes Logo in einem schmalen Banner verschenkt den meisten Platz; ein horizontales im Quadrat bleibt winzig.
Fern Studio
Neuheiten und ein Pflegeratgeber für den Winter

In einem breiten E-Mail-Header läuft der Name in einer Zeile, und der Raum liest sich natürlich.

Fern

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.

Farngrün für den Alltag, eine warme Papierversion für dunkle Gründe und reines Schwarz und Weiß für Stempel, Fotos und Aufträge mit einer Druckfarbe.

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. 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. 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. 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. 4

    Die Farbversionen anlegen

    Vollfarbig, invertiert, Schwarz und Weiß für jede Anordnung. Prüf die invertierte Version auf deiner dunkelsten Markenfarbe.

  5. 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. 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.

Gestalte mit einem lebendigen Farbverlauf

Posts, Stories, Folien und Banner in jedem Format, mit Text, der immer lesbar bleibt.

Kostenlos loslegen

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.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen

Auf dieser Seite

Warum ein Logo nicht reichtDie fünf Logo-Varianten, die die meisten Marken brauchenJede Variante dem passenden Raum zuordnenFarbvarianten: vollfarbig, invertiert und einfarbigSo baust du ein Set aus Logo-VariantenRegeln, die Varianten wie ein Logo aussehen lassen

Diesen Artikel teilen

Als Nächstes in Branding

Vorlage für Markenrichtlinien: was in jeden Abschnitt gehört

Weiterlesen

Alle Artikel zu Branding
Branding

Logo-Design Grundlagen: einfache Logos, die bleiben

5 Min. Lesezeit

Ein Logo erledigt eine kleine Aufgabe an sehr vielen Orten. Es muss in einer Farbe funktionieren, in der Größe eines Fingernagels und auf jedem Hintergrund. Das sind die Prinzipien und der Ablauf, die dich dorthin bringen.

Branding

Logogrößen für Websites, Social Media und Druck

5 Min. Lesezeit

Leute fragen nach der richtigen Logogröße, als gäbe es eine Zahl. Gibt es nicht: Es gibt eine Masterdatei und eine sinnvolle Größe für jeden Ort, an dem sie landet. Hier sind diese Orte, mit den Formaten und den Dateien, die du nutzt.

Branding

Marken-Styleguide erstellen, den wirklich jemand nutzt

4 Min. Lesezeit

Die meisten Styleguides werden einmal geöffnet und vergessen. Die, die funktionieren, sind kurz, zeigen jede Regel und liegen dort, wo gestaltet wird. So schreibst du so einen.

Finde den Look, der nur dir gehört.

Jeder Mark ist ein lebendiger Hintergrund mit einem Besitzer. Probiere einen noch freien Mark und sichere dir deinen, wenn es sich richtig anfühlt.

Jetzt gestalten

Zertifikat prüfen

Gib eine Zertifikatsnummer oder den Code eines Marks ein, um zu sehen, wem er gehört.

Funktioniert mit ChatGPT und Claude

Bitte deine KI um ein Design. Sie macht es in deinem Mark, bereit zum Bearbeiten.

ChatGPTClaude
So verbindest du sie

Produkt

  • Markt
  • Erkunden
  • Preise
  • Zertifikate

Lernen

  • Leitfaden
  • Hilfe-Center
  • Neuigkeiten

Entwickler

  • Überblick
  • ChatGPT und Claude
  • API-Referenz
  • API-Schlüssel

Unternehmen

  • Über uns
  • Kontakt
  • Anmelden

Rechtliches

  • Nutzungsbedingungen
  • Datenschutz
  • Erstattungen
  • Mark-Schutz
  • Cookies
  • Alle Richtlinien
Fahr über die Buchstaben. Jeder trägt einen echten Mark.Tippe auf einen Buchstaben, um seinen Mark zu sehen.Ein Name. Zehn Marks darin.
© 2026 Gradiently