# Co-Branding: für zwei Marken gleichzeitig gestalten

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

Zwei Logos, zwei Paletten, zwei Regelwerke und ein Post. So gestaltest du eine Partnerschaft, bei der beide Marken nach sich selbst aussehen und die Kooperation wie etwas Eigenes wirkt.

## The short version

- Co-Branding-Design bringt zwei Marken in einer Arbeit zusammen und hält dabei jede erkennbar.
- Ein Co-Branding-Logo-Lockup setzt beide Logos mit gleichem visuellen Gewicht, getrennt durch eine dünne Linie oder ein Malzeichen, mit gemeinsamem Schutzraum.
- Jedes Co-Branding-Stück braucht einen führenden Look: den der Gastgebermarke, den des Partners oder einen neutralen Grund, der für die Kooperation gemacht ist.
- Logo-Reihenfolge, Farben, Freigaben und Dateigrößen vor dem Gestalten schriftlich festzuhalten, vermeidet die meisten Verzögerungen bei Partnerschaften.
- Ein eigener Look für eine Kooperation lässt beide Zielgruppen die Partnerschaft als etwas Eigenständiges erkennen.

**Co-Branding** heißt, dass zwei Marken ihren Namen auf dieselbe Sache setzen: ein Produkt, eine Veranstaltung, eine Kampagne oder einen einzelnen Post. Die gestalterische Aufgabe ist, beide klar zu zeigen, ohne dass eine die andere verschluckt, und ohne dass das Ergebnis wie zwei zusammengeklebte Anzeigen aussieht. Die Kernwerkzeuge sind ein gut gebautes Logo-Lockup, eine Entscheidung, wessen Bildsprache führt, und eine kurze Vereinbarung über Regeln, bevor irgendwer eine Designdatei öffnet.

## Arten von Co-Branding und was sie brauchen

| Art | Beispiel | Wessen Look meist führt |
| --- | --- | --- |
| Kooperations-Drop | Ein Café und eine Keramikerin bringen gemeinsam eine Tasse heraus | Ein Look, der für die Kooperation gemacht ist |
| Sponsoring | Eine lokale Brauerei sponsert das Rennen eines Laufclubs | Die Veranstaltung oder der Club; der Sponsor erscheint als Lockup |
| Zutat oder Partner | Eine Bäckerei nutzt das Mehl einer namentlich genannten Mühle | Der Verkäufer; der Partner wird dezent genannt |
| Gemeinsame Veranstaltung | Zwei Studios richten einen gemeinsamen Workshop aus | Der Gastgeberort oder ein gemeinsamer neutraler Look |
| Partnerschaft für einen guten Zweck | Ein Laden spendet einen Teil eines Verkaufs an eine gemeinnützige Organisation | Die Kampagne; es gelten die Regeln der Organisation für ihr Logo |

Die Art der Partnerschaft sagt dir, wie gleichwertig die beiden Marken aussehen sollten. Nicht jedes Co-Branding ist fifty-fifty.

> **Gleichwertig ist eine Entscheidung, kein Standard** Stell beiden Seiten vor dem Gestalten eine Frage: Ist das eine Partnerschaft unter Gleichen oder ein Gastgeber mit Gast? Die Antwort bestimmt Logogröße, Reihenfolge, Trennzeichen und wessen Farben führen. Bleibt das unausgesprochen, ist es der häufigste Grund, warum Co-Branding-Arbeiten endlose Runden kleiner Änderungen durchlaufen.

## So baust du ein Co-Branding-Logo-Lockup

Ein Lockup ist die feste Anordnung beider Logos zusammen. Einmal gebaut und wiederverwendet, erspart es Diskussionen bei jedem späteren Stück. Ziel ist gleiches *visuelles* Gewicht, was selten gleiche gemessene Größe bedeutet: Eine breite Wortmarke und ein kompaktes Symbol brauchen unterschiedliche Höhen, um ausgewogen zu wirken.

1. **Die freigegebenen Dateien jeder Marke nutzen** Frag nach SVGs und den Regeln des Partners. Zeichne, färbe oder dehne nie das Logo eines anderen neu.
2. **Ein Trennzeichen wählen** Eine dünne senkrechte Linie, ein Malzeichen (×) oder das Wort „mit“. Das × liest sich als gleichwertige Kooperation; „mit“ oder „präsentiert von“ signalisiert einen Gastgeber.
3. **Nach Augenmaß ausbalancieren** Skaliere die Logos, bis sie gleich schwer wirken. Wortmarken sitzen in der Höhe meist kleiner als Symbole.
4. **Gemeinsamen Schutzraum festlegen** Nutze rund um das ganze Lockup die größere der beiden Schutzraumregeln.
5. **Die Reihenfolge vereinbaren** Gastgeber oder Initiator zuerst ist die übliche Konvention. Schreib es auf, damit es nicht von Stück zu Stück wechselt.
6. **Helle und dunkle Versionen machen** Beide Logos jeweils in einer Farbe, für dunkle und helle Gründe. [Logovarianten](https://gradiently.design/de/guide/logo-variations) behandelt die Versionen, die die meisten Marken liefern.

```text
  [ LOGO A ]   ×   [ LOGO B ]
  └── gleiches visuelles Gewicht ──┘

  Schutzraum = die größere Vorgabe von A und B, auf allen Seiten
  Trennung   = dünne Linie, × oder „mit“ / „präsentiert von“
  Reihenfolge = Gastgeber oder Initiator zuerst
  Farbe      = jedes Logo einfarbig für helle oder dunkle Hintergründe
```

Eine Lockup-Spezifikation, die du in ein Partnerschafts-Briefing einfügen und vor dem Gestalten abstimmen kannst.

Ist es abgestimmt, exportiere das Lockup als eigene Datei in beiden Farbversionen und teile es mit dem Partner. Jedes spätere Stück nutzt dann dieselbe Datei, statt von dem neu gebaut zu werden, der an dem Tag gerade gestaltet.

## Entscheiden, wessen Look führt

Zwei vollständige [Bildsprachen](https://gradiently.design/de/guide/visual-brand-language) auf einer Fläche kämpfen miteinander. Wähl eine als führende und lass die andere über das Lockup und vielleicht eine Akzentfarbe auftreten. Für echte Kooperationen gibt es eine dritte Option: einen Look nur für die Partnerschaft, den beide Zielgruppen als neu sehen.

- Café: Espresso: #1a1714
- Café: Crema: #c8a27a
- Gemeinsam: Knochenweiß: #efe8dc
- Keramikerin: Glasurblau: #2f5d73
- Keramikerin: Seladon: #8fb3c2

Eine gemeinsame Palette für die Kooperation von Café und Keramikerin: Jede Marke behält ihre Signaturfarben, verbunden durch ein Neutral, mit dem beide leben können.

Ein Instagram-Post im Hochformat, der eine Kooperation zwischen einem Café und einem Keramikstudio ankündigt, beide Namen durch ein Malzeichen verbunden

Eine Kooperationsankündigung auf einem Look, der für die Partnerschaft gemacht ist, mit beiden Namen gleich gewichtet.

Dieselbe Kooperationsankündigung als vertikale Story, mit beiden Namen und dem gemeinsamen Hintergrund

Dasselbe Stück als Story, damit beide Marken es von ihren eigenen Konten teilen können.

Eine eigene Oberfläche für die Kooperation lässt sie wie ein Ereignis wirken statt wie eine Anzeige. [Event-Branding](https://gradiently.design/de/guide/event-branding) nutzt dieselbe Idee für einzelne Anlässe, und [Textur für Marken](https://gradiently.design/de/guide/brand-texture) erklärt, wie ein Material allein einen Look tragen kann.

## Partnerschafts-Posts in sozialen Medien

Mit Collab-Posts auf Instagram erscheint ein Post auf den Profilen beider Marken und teilt Likes und Kommentare. Das macht das Design des Posts doppelt wichtig, weil er in zwei verschiedenen Rastern steht. Gestalte ihn so, dass er neben den letzten Posts beider Marken zu Hause wirkt oder auf beiden klar besonders.

### Vermeiden

- Zwei vollständige Markenstile auf einer Fläche
- Ein Logo versehentlich deutlich größer
- Das Logo des Partners passend umfärben
- Auf jedem Post ein anderes Lockup
- Text so klein, dass er in einem Raster verschwindet

### Machen

- Ein führender Look, der andere im Lockup
- Logos nach Augenmaß ausbalanciert, dann festgelegt
- Jedes Logo in seinen freigegebenen Farben oder einer flachen Farbe
- Ein Lockup für alles wiederverwendet
- Eine Überschrift, die in Rastergröße lesbar ist

Vereinbart auch die Größen vorab: ein Post in 1080×1350, eine Story in 1080×1920 und für Veranstaltungen ein Facebook-Veranstaltungscover in 1920×1005. [Ankündigungs-Posts gestalten](https://gradiently.design/de/guide/announcement-post-design) hat Layouts, die zu Partnerschaftsnachrichten passen.

## Das Co-Branding-Briefing: vor dem Gestalten abstimmen

- Wer gestaltet, wer auf jeder Seite freigibt und wie viele Änderungsrunden es gibt.
- Logo-Reihenfolge, Trennzeichen und die Lockup-Dateien.
- Welcher Look führt und welche Farben jeder Marke erscheinen dürfen.
- Wörter: der Name der Kooperation, Hashtags und wer wie genannt wird.
- Formate, Größen und die Termine, zu denen jedes Stück fällig ist.

In Gradiently kann ein Konto mehrere Marken führen, sodass dein eigener Look und der Look der Kooperation nebeneinander leben, ohne Kits zu vermischen. Mit Pro kannst du einen Partner als Bearbeiter oder Betrachter in einen Team-Workspace einladen, und Kommentare an den Designs halten das Feedback an einem Ort statt verstreut in E-Mails. Ein Mark, den du dir für die Kooperation sicherst, gibt ihr eine Oberfläche, die keine der beiden Marken je genutzt hat.

## FAQ

### Was ist Co-Branding im Design?

Die Gestaltung eines einzelnen Stücks, etwa eines Produkts, Posts oder einer Veranstaltung, das zwei Marken trägt und dabei jede erkennbar hält.

### Wie setzt man zwei Logos zusammen?

Bau ein Lockup: beide Logos mit gleichem visuellen Gewicht, getrennt durch eine dünne Linie, ein × oder das Wort „mit“, mit gemeinsamem Schutzraum um das Paar.

### Welches Logo steht bei Co-Branding zuerst?

Meist der Gastgeber oder die Marke, die die Partnerschaft angestoßen hat. Haltet es schriftlich fest, damit es auf jedem Stück gleich bleibt.

### Darf ich die Logofarbe eines Partners an mein Design anpassen?

Nur, wenn seine Markenregeln es erlauben. Die meisten erlauben eine einfarbige Version auf hellem oder dunklem Grund, aber kein eigenes Umfärben.