# Markenfarbverlauf: einen Verlauf zur Signatur machen

[Canonical HTML page](https://gradiently.design/de/guide/brand-gradient-system)

Manche Marken erkennt man an einer Ecke Farbe, bevor man das Logo sieht. Das ist nie Zufall. So baust du einen Markenfarbverlauf, der als Signatur funktioniert und nicht als Dekoration.

## The short version

- Ein Markenfarbverlauf funktioniert nur dann als Signatur, wenn er unverwechselbar ist, genau festgelegt ist und an jedem Kontaktpunkt gleich eingesetzt wird.
- Eine vollständige Spezifikation für einen Markenfarbverlauf umfasst Grundfarbe, Farbfamilie, Lichtquelle, Oberflächentextur, Körnung und eine mögliche Bewegung.
- Jeder Markenfarbverlauf braucht eine flache Ersatzfarbe für kleine Größen, einfarbigen Druck und Stickerei.
- Wiedererkennung entsteht durch Wiederholung, deshalb sollte ein Signaturverlauf in derselben Rolle und in ungefähr gleichem Umfang auf Beiträgen, Folien und Verpackungen erscheinen.
- Farbverläufe sind rechtlich schwer zu schützen, deshalb zählen Unverwechselbarkeit und konsequenter Einsatz mehr als jede einzelne Farbwahl.

Ein **Markenfarbverlauf** wird zur Signatur, wenn drei Dinge zutreffen: Er sieht nicht aus wie der von irgendwem sonst, er ist so genau festgelegt, dass jeder Designer ihn gleich reproduziert, und er erscheint jedes Mal in derselben Rolle. Die meisten Markenfarbverläufe scheitern am ersten Punkt, weil sie mit einer beliebten Vorlage beginnen, und der Rest scheitert am zweiten, weil er als einzelnes exportiertes Bild existiert statt als Rezept. Bau das Element bewusst, und es kann quer durch einen Raum die Arbeit eines Logos leisten.

## Was eine Signatur von einem hübschen Verlauf trennt

### Dekoration

- Violett zu Pink, weil es gut aussah
- Für jedes Design nach Augenmaß neu gebaut
- Winkel und Farben je nach Designer anders
- Überall eingesetzt, also bedeutungslos
- Versagt in Favicon-Größe und im Einfarbdruck

### Signatur

- Ein Farbgebiet, das Wettbewerber nicht nutzen
- Ein schriftliches Rezept, als Tokens gespeichert
- Das Licht kommt immer von derselben Stelle
- Für feste Momente reserviert, also bemerkt
- Hat eine geplante flache Ersatzfarbe

Die grundsätzliche Begründung, warum man visuelle Elemente besitzen sollte, steht in [unverwechselbare Markenelemente](https://gradiently.design/de/guide/distinctive-brand-assets). Dieser Artikel behandelt den praktischen Aufbau.

## So erstellst du einen Markenfarbverlauf, Schritt für Schritt

1. **Die Branche kartieren** Mach Screenshots von Feeds, Websites und Verpackungen von zehn Wettbewerbern und leg sie nebeneinander. Notiere, welche Farbtöne und Übergänge immer wieder auftauchen. Dein Verlauf sollte dort leben, wo diese Wand leer ist.
2. **Einen Grund wählen** Entscheide zuerst Dunkel oder Hell. Ein tiefer Grund lässt Farbe leuchten und wirkt hochwertig; ein warmes Gebrochenweiß wirkt gedruckt und ruhig. Der Grund trägt die Stimmung stärker als der Akzent.
3. **Eine kleine Familie auswählen** Drei bis fünf verwandte Farben plus höchstens ein Akzent. Nahe Nachbarn gehen sauber ineinander über; Gegensätze werden grau, wie [matschige Farbverläufe](https://gradiently.design/de/guide/muddy-gradients) erklärt.
4. **Die Lichtquelle festlegen** Ein Leuchten tief in einer Ecke, ein Band über den oberen Rand, ein Lichtkegel hinter der Mitte. Eine feste Lichtquelle macht den Verlauf auch im Ausschnitt wiedererkennbar.
5. **Eine Oberfläche hinzufügen** Körnung, Papier, Seide oder Glas. Ein Material hebt deinen Verlauf vom Bildschirmstandard ab. [Farbverlauf mit Textur](https://gradiently.design/de/guide/gradient-texture) vergleicht die Möglichkeiten.
6. **Wiedererkennung testen** Mach fünf Designs, verdeck die Logos und zeig sie jemandem, der die Marke kennt. Wenn er sie allein an der Farbe benennen kann, funktioniert es.

Kupferlicht auf tiefem Petrol: `radial-gradient(circle at 20% 85%, #f59e0b 0%, #b45309 18%, #134e4a 55%, #042f2e 100%)`

Ein Beispiel für eine Signatur: ein tiefer Petrolgrund, von unten links mit Kupfer beleuchtet. Petrol und Kupfer liegen in der Wärme nah genug beieinander, um über Braun statt über Grau ineinanderzulaufen, und das Eckenlicht ist das, woran sich Leute erinnern.

## Das Rezept festhalten, nicht nur die Farben

HEX-Codes allein definieren keinen Farbverlauf. Zwei Designer mit denselben vier Farben kommen zu zwei verschiedenen Ergebnissen, weil der Charakter in Farbstopps, Richtung und Textur steckt. Schreib eine Spezifikation, der jemand Neues folgen kann, ohne dich zu fragen.

| Teil | Beispielspezifikation |
| --- | --- |
| Grund | Tiefes Petrol `#042f2e`, mindestens die halbe Fläche |
| Familie | `#134e4a` Petrol, `#b45309` Kupfer, `#f59e0b` Bernstein |
| Licht | Radial, tief links zentriert, nie hinter der Überschrift |
| Farbstopps | 0%, 18%, 55%, 100% |
| Oberfläche | Feine einfarbige Körnung, in voller Größe gerade sichtbar |
| Bewegung | Das Licht wandert langsam am unteren Rand entlang; Loop |
| Ersatz | Flaches tiefes Petrol mit Kupfer als einzigem Akzent |

Eine einseitige Spezifikation für einen Markenfarbverlauf. Nimm sie in den [Marken-Styleguide](https://gradiently.design/de/guide/brand-style-guide) auf und speichere die Werte als Code.

## Die flache Ersatzfarbe planen

Ein Farbverlauf verschwindet in Favicon-Größe, im Einfarbdruck, auf Stickerei und in manchen E-Mail-Programmen. Wähle die flachen Versionen jetzt, statt jeden Dienstleister raten zu lassen. Meist ist das die Grundfarbe als flache Hauptfarbe und die hellste Lichtfarbe als einziger Akzent.

- Grund, flache Hauptfarbe: #042f2e
- Licht, flacher Akzent: #f59e0b
- Petrol, Sekundärfarbe: #134e4a
- Papier, für Schrift: #fdf6ec

Die flache Palette, die den Verlauf auf einem Favicon, einem Stempel, einer Uniform oder in einer reinen Text-E-Mail vertritt.

## Überall in derselben Rolle einsetzen

Wiedererkennung entsteht durch Wiederholung in einer festen Rolle. Lege fest, wo der Markenfarbverlauf erscheint: etwa auf Covern, bei Launches und oben auf jeder Präsentation, während die flachen Farben die Alltagsarbeit übernehmen. Eine Signatur, die auf allem klebt, wird zur Tapete. [Markenkonsistenz](https://gradiently.design/de/guide/brand-consistency) zeigt mehr über Regeln, an die sich Teams tatsächlich halten.

- Story 1080×1920: 1080 × 1920
- Beitrag 1080×1350: 1080 × 1350
- LinkedIn-Banner 1584×396: 1584 × 396
- Folie 1920×1080: 1920 × 1080
- Visitenkarte 1050×600: 1050 × 600

Fünf Kontaktpunkte mit sehr unterschiedlichen Formaten. Das Eckenlicht muss auf jedem an derselben relativen Stelle landen, deshalb wird der Verlauf pro Format gerendert statt aus einem Bild zugeschnitten.

## Einen Markenfarbverlauf schützen

Farben und Farbverläufe sind rechtlich schwer zu schützen, und die Einzelheiten hängen vom Land und von langer, nachgewiesener Nutzung ab; [Kann man einen Farbverlauf urheberrechtlich schützen](https://gradiently.design/de/guide/can-you-copyright-a-gradient) skizziert das allgemeine Bild, ohne Rechtsberatung zu sein. In der Praxis besteht der Schutz der meisten Marken aus Unverwechselbarkeit plus Konsequenz: einem Look, der so fest mit dir verbunden ist, dass eine Kopie die Leute nur an dich erinnern würde.

Gradiently wurde für genau diese Lücke gebaut. Ein Mark ist ein fertiges Rezept aus Farben, Materialien, Licht, Körnung und Bewegung, mit jedem anderen Mark abgeglichen, damit nichts zu Ähnliches angenommen wird, und er hat genau einen Besitzer zur selben Zeit. Wenn du einen sicherst, steht dein Name mit einem nummerierten Zertifikat in seinem öffentlichen Eintrag, und nur du kannst Designs damit exportieren. Das ist ein Registereintrag, keine eingetragene Marke, aber es bedeutet, dass deine Signatur nicht im Feed eines Wettbewerbers auftaucht, der mit demselben Werkzeug gemacht wurde.

Ein hochformatiger Beitrag mit einer einzigen kurzen Zeile über einem unverwechselbar beleuchteten Farbverlaufshintergrund

Ein Markenfarbverlauf, der seine Arbeit macht: Farbe und Licht tragen die Identität, sodass die Wörter kurz bleiben können.

## FAQ

### Was ist ein Markenfarbverlauf?

Ein Farbverlauf, den eine Marke konsequent als Teil ihrer Identität nutzt, so genau festgelegt, dass er überall gleich reproduziert werden kann.

### Wie erstelle ich einen Signaturverlauf für meine Marke?

Finde ein Farbgebiet, das Wettbewerber nicht nutzen, wähle einen Grund und eine kleine Farbfamilie, leg die Lichtquelle fest, füge eine Oberflächentextur hinzu und teste, ob Leute ihn ohne Logo erkennen.

### Was gehört in Richtlinien für einen Markenfarbverlauf?

Die Grundfarbe, die Farbfamilie mit HEX-Codes, die Farbstopps, die Lichtrichtung, die Textur, eine mögliche Bewegung und eine flache Ersatzfarbe.

### Kann ich meinen Markenfarbverlauf als Marke eintragen lassen?

Farben und Farbverläufe rechtlich zu schützen ist schwierig und hängt vom Land und von nachgewiesener Nutzung ab, also frag einen Markenrechtsanwalt. Unverwechselbarer, konsequenter Einsatz ist der Schutz, auf den sich die meisten Marken verlassen.

### Braucht ein Markenfarbverlauf eine flache Version?

Ja. Favicons, Einfarbdruck, Stickerei und manche E-Mail-Programme können keinen Farbverlauf zeigen, also plane die flachen Farben im Voraus.
