Logo-Varianten 2026: Die komplette Markenzeichen-Familie, die jedes System braucht
Logo-Varianten sind der Grund, warum ein Markenzeichen 2026 auf jeder Fläche überlebt. Hier ist die ganze Familie: Primär, Sekundär, Monogramm, Wortmarke, reine Bildmarke, horizontal, gestapelt, App-Icon, Favicon, Social-Avatar, Motion Sting, mit den Regeln für jede Variante und den Systemen, die Linear, Vercel, Stripe, Notion und Anthropic tatsächlich ausliefern.
Ein Logo ist eine Familie, kein einzelnes Zeichen
Ein Logo ist kein einzelnes Zeichen. Es ist eine Familie von Zeichen, gebaut, um jede Fläche zu überstehen, auf der eine Marke landet. Die Marken, die 2026 bei der Identität gewinnen, liefern zwischen fünf und elf konkrete Varianten aus einem einzigen, kohärenten System.
Das Problem: Die meisten Identity-Projekte liefern eine einzige Datei, das primäre Lockup. Der Designer übergibt es, der Kunde setzt es überall ein, und innerhalb von sechs Monaten ist es gestreckt, beschnitten, gequetscht und auf einem Dutzend Flächen kaputt, für die es nie gedacht war.
Ein echter Logo-Designprozess behandelt die Variantenfamilie als Produktionsentscheidung, nicht als Zeichenentscheidung. Entweder du baust die volle Familie von Anfang an, oder du baust sie später stückweise unter Termindruck nach.
Die elf Varianten, die jede vollständige Markenzeichen-Familie enthält
Eine komplette Markenzeichen-Familie hat 2026 bis zu elf Varianten, und die meisten Teams liefern ohne mindestens vier davon aus. Die elf:
| Variante | Was es ist |
|---|---|
| Primär | Das Standard-Lockup, Zeichen plus Wortmarke in der Standardausrichtung |
| Sekundär | Das alternative Lockup für Flächen, auf die das primäre nicht passt |
| Monogramm | Die Marke reduziert auf ihre Initialen |
| Wortmarke | Der Markenname ohne Symbol |
| Reine Bildmarke | Das Symbol ohne angehängte Wortmarke |
| Horizontal | Zeichen plus Wortmarke auf einer horizontalen Achse |
| Gestapelt | Zeichen über der Wortmarke auf einer vertikalen Achse |
| App-Icon | Speziell gebaut für ein abgerundetes Quadrat in kleinen Größen |
| Favicon | Gebaut für sechzehn Pixel in einem Browser-Tab |
| Social-Avatar | Gebaut für den Kreisausschnitt auf jeder Social-Plattform |
| Motion Sting | Eine Animation von zwei bis vier Sekunden für Video-Kontexte |
Nicht jede Marke braucht alle elf. Aber jede Marke muss wissen, welche sie auslässt und warum, denn eine bewusst ausgelassene Variante ist eine Entscheidung, und eine fehlende Variante ist eine Lücke, die in der Produktion auftaucht.
Primär und Sekundär, die Lockups, die die meiste Arbeit leisten
Das primäre Lockup ist das Standardzeichen der Marke. Es steht im Website-Hero, auf dem Pitch-Deck-Cover und auf der Visitenkarte. Das sekundäre Lockup ist die Variante für alles, wofür das primäre nicht passt, meist eine umorientierte oder vereinfachte Version desselben Zeichens.
Die meisten Marken liefern nur das primäre aus. Deshalb bricht ihre Identität, sobald eine Fläche schmal, quadratisch oder dunkel wird. Das sekundäre Lockup ist nicht optional, es ist die Lösung, die die Marke davor bewahrt, in der Produktion zu improvisieren.
Die Regel: Hat dein primäres Lockup eine bestimmte Ausrichtung, deckt dein sekundäres die andere ab. Horizontales Primär bekommt ein gestapeltes Sekundär. Primär mit Zeichen links bekommt ein Sekundär mit Zeichen oben.
Monogramm und Wortmarke, die zwei Reduktionen, auf die es ankommt
Ein Monogramm reduziert die Marke auf ihre Initialen. Eine Wortmarke reduziert sie auf ihren Namen. Die Wahl zwischen beiden ist ein strategischer Entscheid, und die meisten Marken treffen ihn aus Versehen, obwohl sie ihn bewusst treffen sollten.
Ein Monogramm funktioniert, wenn der Markenname lang ist, wenn das Zeichen schon erkannt wird oder wenn Kürze die Fläche gewinnt: Produkt-UI, geprägte Merch, Social-Avatare. Eine Wortmarke funktioniert, wenn der Markenname DIE Marke ist, wenn Lesbarkeit in kleinen Größen wichtiger ist als ein Symbol oder wenn die Marke noch jung ist und noch keine Zeichenbekanntheit hat.
Die meisten Marken brauchen beides. Es sind keine austauschbaren Reduktionen. Es sind Werkzeuge für unterschiedliche Flächen und unterschiedliche Bekanntheitsstufen. Einen tieferen Blick auf die Entscheidung findest du unter Wortmarke vs. Lettermark-Logos.
Reine Bildmarke, die Variante, die die meisten Identitäten überspringen
Eine reine Bildmarke ist das Symbol ohne angehängte Wortmarke. Sie ist die Variante, mit der eine Marke auf einer Produktoberfläche, in einer Motion-Sequenz, auf einem Merch-Artikel oder in einem Social-Profil leben kann, ohne den vollen Namen mitzuschleppen.
Marken, die die reine Bildmarke überspringen, können nicht in Produkt, Motion oder Merch skalieren, ohne das Logo neu zu gestalten. Es sind auch die, die in jedem Kontext zum Monogramm greifen, in dem die reine Bildmarke stärker wäre, weil es sie noch gar nicht gibt.
Die reine Bildmarke ist kein Bonus-Liefergegenstand. Sie ist die Variante, die beweist, dass das Symbol allein funktioniert. Hält das Symbol allein nicht stand, ist es noch nicht stark genug, und das System hat ein grundlegendes Problem.
Du willst eine Markenzeichen-Familie, die jede Fläche überlebt, vom Sechzehn-Pixel-Favicon bis zum Zwei-Sekunden-Motion-Sting? Brainy liefert komplette Identitätssysteme mit jeder Variante, die eine echte Marke braucht, keine Template-Bundles, keine halbfertigen Sets. Brainy beauftragen.
Horizontal vs. gestapelt, das Orientierungspaar, das jede Marke braucht
Ein horizontales Lockup passt auf breite Flächen: E-Mail-Header, Browser-Header, Dokumentfußzeilen, Titelfolien von Präsentationen. Ein gestapeltes Lockup passt auf schmale Flächen: Sidebar-Badges, Merch-Etiketten, mobile Header, vertikale Banner.
Nur eines der beiden auszuliefern ist ein garantierter Identitätsbruch irgendwo. Die Marke zwingt entweder ein horizontales Lockup in einen quadratischen Kontext oder ein gestapeltes in einen breiten, und beide Kompromisse führen zum selben Ergebnis: ein Zeichen, das falsch aussieht, ohne dass jemand genau sagen kann, warum.
Das ist keine Stilfrage. Es ist eine Anforderung der Fläche, und die Fläche gewinnt immer.
App-Icon, wo das Zeichen eigene Regeln bekommt
Ein App-Icon ist kein verkleinertes Logo. Es ist eine speziell gebaute Variante für ein abgerundetes Quadrat ab neunundzwanzig Pixeln, und es lebt auf dem Home-Screen eines Geräts, umgeben von konkurrierenden Icons mit gleichem visuellem Gewicht.
Die Regeln für ein App-Icon sind konkret: eine dominante Form, maximal ein oder zwei Farben, keine Wortmarke, keine dünnen Linien, die in kleinen Größen verschwinden, kein Detail, das mehr als einen Blick zum Verstehen braucht. iOS rundet die Ecken automatisch ab, also füge dem Artwork nie einen künstlichen Eckenradius hinzu.
Gestalte das App-Icon getrennt vom Rest der Markenzeichen-Familie, sonst sieht es aus wie ein Thumbnail des vollen Logos. Das ist die falsche Antwort, und man sieht sie im App Store auf zehn Meter Entfernung.
Favicon, die Variante, die auf sechzehn Pixeln lebt
Ein Favicon muss in einem Browser-Tab bei sechzehn Pixeln lesbar sein, neben dem Seitentitel, im Wettbewerb mit jedem anderen Tab, den der Nutzer offen hat. Die meisten Logos sind zwei oder drei Details zu komplex, um diese Reduktion zu überstehen.
Die Lösung ist eine speziell gebaute Favicon-Variante, meist ein einzelner Initialbuchstabe, ein einzelnes vereinfachtes Glyph oder eine einzelne geometrische Form aus dem Zeichen. Gestalte sie in sechzehn mal sechzehn Pixeln, prüfe sie bei zweiunddreißig mal zweiunddreißig und vergewissere dich, dass sie auch in Graustufen entsättigt lesbar ist.
Die volle Wortmarke oder das volle Primärzeichen in ein Sechzehn-Pixel-Favicon zu zwingen, ist der häufigste und sichtbarste Logo-Variantenfehler im Web. Er verkündet, dass das Identitätssystem nie fertiggestellt wurde.
Social-Avatar, der Kreisausschnitt, der die Hälfte davon kaputt macht
Jede große Social-Plattform schneidet den Profil-Avatar kreisrund zu. Instagram, X, LinkedIn, Threads, TikTok, alle. Ein quadratisches Zeichen als Avatar verliert seine Ecken, und eine Wortmarke als Avatar verliert im Ausschnitt ihr linkes und rechtes Drittel.
Die Social-Avatar-Variante wird von Anfang an für einen Kreis gestaltet. Das heißt, das Zeichen oder Monogramm im Kreis zu zentrieren, mit genug Abstand, dass kein visuelles Element abgeschnitten wird, und den Avatar in der tatsächlich gerenderten Größe jeder Plattform zu testen.
Der Test ist direkt: Exportiere das Zeichen als Kreis in vierzig Pixeln. Wenn du die Marke nicht in unter einer Sekunde erkennst, braucht die Avatar-Variante eine speziell gebaute Version, keinen neuen Ausschnitt der bestehenden Datei.
Motion Sting, die Variante, die die meisten Teams vergessen
Ein Motion Sting ist eine kurze Logo-Animation von zwei bis vier Sekunden, gebaut für Video-Intros, Produktlaunches, Präsentationseröffnungen und Social Reels. 2026 ist er für keine Marke mehr optional, die Video ausliefert, und das tun die meisten Marken.
Der Motion Sting ist kein rotierendes Logo. Er ist eine durchdachte Animation, die die Persönlichkeit der Marke genauso ausdrückt wie das statische Zeichen: bewusst, konsistent und mit Haltung. Der Sting von Linear ist knapp und schnell. Der von Notion ist weich und gewichtig. Keiner ist ein Zufall, und keiner wurde im Nachhinein gestaltet.
Ein Motion Sting, der gleichzeitig mit dem Rest der Markenzeichen-Familie gebaut wird, kostet einen Bruchteil dessen, was eine nachträgliche Umrüstung kostet. Baue ihn in der Systemphase ein oder plane das unangenehme Gespräch sechs Monate nach der Lieferung ein.
Die minimal tragfähige Auswahl für eine kleine Marke
Nicht jede Marke braucht alle elf Varianten. Die minimal tragfähige Auswahl für eine kleine Marke sind fünf.
| Variante | Warum sie unverzichtbar ist |
|---|---|
| Primär | Standardzeichen für jeden Markenkontaktpunkt |
| Sekundär | Deckt die Flächen ab, die das primäre nicht erreicht |
| Reine Bildmarke | Skaliert ohne Redesign in Produkt und Merch |
| App-Icon | Nötig für jede digitale Produktpräsenz |
| Favicon | Nötig für jede Webpräsenz |
Fünf Varianten decken die kritischen Bruchstellen ab: die zu schmale Fläche, den Produkt-UI-Kontext, den Browser-Tab. Das ist die Untergrenze. Ergänze den Social-Avatar, wenn die Marke aktive Social-Profile hat. Ergänze den Motion Sting nach sechs Monaten, wenn die Marke Video ausliefert.
Das volle System für eine gewachsene Marke
Das volle System für eine gewachsene Marke sind alle elf Varianten, jeweils mit drei Regeln: einer Freiraumregel, einer Mindestgrößenregel und einer Farbflexibilitätsregel. Diese Regeln machen aus einer Familie ein System statt eines Ordners voller Dateien.
Freiraumregeln definieren die Sperrzone um jede Variante. Mindestgrößenregeln definieren, wie klein das Zeichen laufen darf, bevor es unleserlich wird. Farbflexibilitätsregeln definieren die freigegebenen Füllungen jeder Variante in hellen, dunklen und einfarbigen Kontexten.
Ohne diese Regeln zerfällt selbst eine komplette Familie mit elf Varianten in der Produktion. Für die strukturelle Logik dahinter siehe Brand-Identity-Guidelines und Logo-Rasterkonstruktion.
Echte Systeme zum Studieren: Linear, Vercel, Stripe, Notion, Anthropic
Linear, Vercel, Stripe, Notion und Anthropic liefern alle öffentliche Markenzeichen-Systeme mit den meisten der elf Varianten, und jedes davon auseinanderzunehmen lehrt die Regeln besser als jedes Guideline-Dokument.
Linear setzt auf das L-Monogramm und eine Wortmarke. Das Zeichen ist eine einzelne geometrische Form ohne Mehrdeutigkeit, deshalb überlebt es jede Größe ohne Anpassung. Das Motion-Verhalten ist schnell und gerichtet und passt exakt zur Positionierung des Produkts.
Vercel ist auf dem Dreieck-Zeichen gebaut, einem der wenigen Tech-Zeichen, das sechzehn Pixel ohne eigens gebaute Reduktion übersteht. Das Dreieck ist das Favicon. Das Dreieck ist das App-Icon. Das System ist konsistent, weil das Zeichen für Konsistenz entworfen wurde, bevor irgendetwas anderes entworfen wurde.
Stripe führt mit der Wortmarke, eine bewusste Entscheidung für eine Marke, bei der der Name das Vertrauenssignal trägt. Das S-Monogramm existiert und hält stand, aber Stripe führt mit der Wortmarke, weil die Markenbekanntheit reif genug ist, sie zu tragen. Die Reihenfolge zählt.
Notion liefert ein öffentliches System mit N-Monogramm, Wortmarke und App-Icon, alle dokumentiert. Das App-Icon ist das Monogramm auf weißem Hintergrund. Es ist sauber, funktioniert in jeder Größe und war ganz klar eine Entscheidung auf Systemebene, kein nachträglicher Einfall.
Anthropic führt mit der Wortmarke und dem A-Monogramm. Das Monogramm ist einfach genug, um als Favicon ohne Anpassung zu bestehen. Das System ist knapp, was zur Positionierung der Marke als seriöse Forschungsorganisation passt, nicht als Konsumentenprodukt.
Diese Systeme zu studieren heißt nicht, Ästhetik zu kopieren. Es heißt, die Entscheidungen hinter den Variantenwahlen zu lesen und zu verstehen, warum jede Marke die Familie so gewichtet hat, wie sie es tat.
Die fünf häufigsten Patzer und die Lösung
Die meisten Logo-Variantensets scheitern an fünf konkreten Stellen, und die Lösungen sind chirurgisch.
| Patzer | Lösung |
|---|---|
| Wortmarke in ein quadratisches Favicon gezwungen | Ein speziell gebautes Favicon in sechzehn Pixeln bauen, nur ein Glyph |
| Zeichen in App-Icon-Größe zu detailliert | Vor der Anwendung auf das App-Icon auf die dominante Form vereinfachen |
| Social-Avatar als quadratischer Export eingesetzt | Den Social-Avatar von Anfang an im Kreis gestalten |
| Primäres Lockup in jedem Kontext verwendet | Sekundäre Einsatzfälle vor der Lieferung definieren, das sekundäre Lockup bauen |
| Kein Motion Sting, weil „machen wir später" | Den Sting bei der Identitätslieferung beauftragen, nicht sechs Monate danach |
Keiner dieser Fehler ist in der Designphase schwer zu beheben. Alle sind teuer zu beheben, nachdem die Identität ausgeliefert wurde und der Kunde die kaputten Varianten an jedem Kontaktpunkt eingesetzt hat, den er besitzt.
Eine Checkliste vor der Übergabe für jedes Variantenset
Gehe das bei jedem Logo-Variantenset durch, bevor es an einen Kunden geht.
- Primäres Lockup: Mindestgrößenregel definiert, Freiraumregel definiert, helle und dunkle Farbvarianten enthalten
- Sekundäres Lockup: deckt mindestens eine Ausrichtung oder einen Kontext ab, den das primäre nicht bedient
- Monogramm oder Wortmarke: Mindestgrößenregel definiert, einfarbige Version enthalten
- Reine Bildmarke: funktioniert isoliert in Mindestgröße, Mindestgrößenregel definiert
- Horizontal und gestapelt: beide Ausrichtungen vorhanden
- App-Icon: geprüft bei neunundzwanzig Pixeln und hundertachtzig Pixeln, kein künstlicher Eckenradius, keine Wortmarke
- Favicon: geprüft bei sechzehn und zweiunddreißig Pixeln, in Graustufen lesbar
- Social-Avatar: im Kreis gestaltet, bei vierzig Pixeln für den Ausschnittdurchmesser jeder großen Plattform geprüft
- Motion Sting: geliefert in zwei und vier Sekunden, mindestens im hellen und im dunklen Farbmodus
- Alle Varianten: einheitliche Dateibenennung, Lieferformate bestätigt (SVG, PDF, PNG in 1x und 2x)
Eine so konkrete Checkliste fängt die Fehler ab, die aus einer sauberen Identität ein Marken-Chaos in der Produktion machen, bevor der Kunde irgendetwas einsetzen kann.
FAQ
Was ist der Unterschied zwischen Logo-Varianten und Logo-Versionen?
Logo-Varianten sind speziell gebaute Zeichen für bestimmte Flächen und Kontexte: die reine Bildmarke, das App-Icon, das Favicon, der Social-Avatar. Logo-Versionen sind Farbmodi desselben Zeichens: hell, dunkel, einfarbig. Beide gehören zu einem kompletten System, lösen aber unterschiedliche Probleme. Varianten betreffen Fläche und Funktion. Versionen betreffen Farbkontext und Reproduktion.
Wie viele Logo-Varianten braucht ein Startup beim Launch wirklich?
Fünf sind das Minimum: Primär, Sekundär, reine Bildmarke, App-Icon und Favicon. Startet die Marke ein Webprodukt mit aktiven Social-Profilen, kommt der Social-Avatar dazu. Den Motion Sting kannst du beim Launch weglassen, wenn das Budget knapp ist, aber plane ihn in die Sechs-Monats-Roadmap ein, bevor die Marke ihr erstes Video ausliefert.
Können App-Icon und Social-Avatar dieselbe Datei teilen?
Nein. Das App-Icon lebt in einem Container aus abgerundetem Quadrat mit festen Pixelmaßen und konkurriert mit anderen App-Icons. Der Social-Avatar lebt in einem von der Plattform vorgegebenen Kreis und konkurriert mit Profilfotos. Größe, Abstände und visuelles Gewicht unterscheiden sich je Fläche. Eine Datei für beides ist eine Abkürzung, die beide unfertig aussehen lässt.
Was macht einen guten Motion Sting aus?
Kurz, bewusst und markenspezifisch. Zwei bis vier Sekunden. Ein klarer Start- und Endzustand. Ein Bewegungsverhalten, das zur Persönlichkeit der Marke passt: schnell und knapp für Produktmarken, weich und gewichtig für menschlichere Marken. Die schlimmsten Motion Stings sind rotierende Logos mit Lens Flares. Die besten sehen aus, als sei das Logo schon immer dafür gemacht gewesen, sich zu bewegen.
Woher weiß ich, ob mein Logo als Favicon überlebt?
Teste es vor der Lieferung. Exportiere das Zeichen als PNG mit sechzehn mal sechzehn Pixeln und sieh es dir in einem Browser-Tab neben fünf anderen Tabs an. Wenn du die Marke nicht in unter einer Sekunde erkennst, brauchst du ein speziell gebautes Favicon. Der Test dauert fünf Minuten und fängt den häufigsten und sichtbarsten Logo-Variantenfehler im Web ab.
Wohin sich Logo-Systeme als Nächstes entwickeln
Der nächste Schritt bei Logo-Systemen ist variabel, responsiv und motion-bewusst. Marken beginnen, Zeichen zu bauen, die sich nicht nur an die Flächengröße anpassen, sondern an den Kontext: das Zeichen, das im Dark Mode sein visuelles Gewicht verschiebt, die Wortmarke, die sich für Mobile ohne separate statische Datei verdichtet, das Symbol, das sich bei kleinen Breakpoints absichtlich statt zufällig vereinfacht.
Variable-Font-Technologie prägt das Wortmarken-Design bereits. Motion-first-Marken gestalten den Sting vor dem statischen Zeichen und leiten die statische Version dann aus dem Bewegungsverhalten ab. Die Marken, die 2026 eine komplette Variantenfamilie bauen, sind die, die bereit sind, in diese Systeme einzusteigen, wenn sie zur gängigen Praxis werden.
Ein Logo ist kein einzelnes Zeichen. Es ist eine Familie von Zeichen, gebaut, um jede Fläche zu überstehen, auf der eine Marke landet. Die Marken, die das jetzt verstehen, sind die, die noch eine kohärente Identität haben werden, wenn sich die Flächen wieder ändern.
Du willst eine Markenzeichen-Familie, die jede Fläche überlebt, vom Sechzehn-Pixel-Favicon bis zum Zwei-Sekunden-Motion-Sting? Brainy liefert komplette Identitätssysteme mit jeder Variante, die eine echte Marke braucht, keine Template-Bundles, keine halbfertigen Sets. Brainy beauftragen.
Jetzt schreibe ich das in die eigentliche Datei.
Want a brand mark family that survives every surface from a sixteen-pixel favicon to a two-second motion sting? Brainy ships full identity systems with every variant a real brand needs, no template bundles, no half-built sets.
Get Started
