Markentextur: die Materialqualität, die einen Look zu deinem macht

Markentextur ist die Materialqualität von allem, was eine Marke auf eine Fläche bringt: die Körnung in einem Hintergrund, die Struktur eines Papiers, der Glanz von Glas, Richtung und Weichheit des Lichts. Sie ist der Unterschied zwischen einer Farbe auf einem Bildschirm und einer Farbe auf etwas. Zwei Marken können eine Palette und eine Schrift teilen, aber wenn die eine auf feiner Filmkörnung steht und die andere auf sauberem Glas, verwechselt sie niemand.

Textur ist zudem einer der wenigen Teile eines Looks, die sich dem Kopieren widersetzen. Deine HEX-Codes kann jeder aus einem Screenshot ablesen. Deine genaue Körnung nachzubauen, ihre Größe, ihre Dichte, wie das Licht über sie fällt, ist viel schwerer, und das macht sie zu einem starken Kandidaten für die Signatur deiner visuellen Identität.

Was Textur mit einer Marke macht

Textur trägt Assoziationen, die Menschen sofort aufnehmen, lange bevor sie ein Wort lesen. Sie beantwortet Fragen wie: Ist das handgemacht oder konstruiert, warm oder kühl, alltäglich oder besonders?

Keine davon ist besser als eine andere. Entscheidend ist, dass die Textur zu dem passt, was du über dich sagst. Eine Marke, die von langsamem Handwerk spricht und auf glänzendem Glas postet, sendet eine gemischte Botschaft. Markenpersönlichkeit ist ein guter Ausgangspunkt, wenn du nicht sicher bist, was deine sagen soll.

Körnung, Material und Licht: die drei Schichten

Die meisten Texturen, die reich wirken, bestehen aus drei Schichten. Sie getrennt zu denken macht Textur zu etwas, das du bewusst gestalten kannst, statt eines Filters, den du am Ende darüberlegst.

1. 1

   Material

   Das Grundverhalten der Oberfläche: wie Farbe über sie fließt. Weiche Übergänge, sanfte Falten, flüssige Formen oder klare Facetten.

2. 2

   Licht

   Woher es kommt und wie hart es ist. Ein weiches Licht aus einer Ecke gibt Tiefe; gleichmäßiges Licht wirkt flach und digital.

3. 3

   Körnung

   Das feine Rauschen obendrauf. Ein wenig lässt eine Oberfläche echt wirken und kaschiert Farbabrisse; zu viel wirkt schmutzig und kämpft gegen die Wörter.

Für die Körnungsschicht im Web reicht ein winziges SVG-Rauschen über dem Hintergrund. Halte die Deckkraft niedrig; du willst es eher spüren als sehen.

.brand-surface {
  position: relative;
  background: radial-gradient(circle at 80% 15%, #a5b4fc 0%, #4338ca 30%, #1e1b4b 70%);
}

.brand-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

Farbverläufe mit Körnung hat weitere Rezepte, und Banding bei Farbverläufen erklärt, warum Rauschen auch die Standardlösung für sichtbare Streifen in weichen Übergängen ist.

So wählst du deine Markentextur

• Beginne mit einem Wort. Schreib das eine Gefühl auf, das Leute haben sollen, etwa „handwerklich“ oder „präzise“, und wähle die Familie, die dazu passt.
• Teste sie hinter Wörtern. Textur lebt unter Überschriften, Preisen und Daten. Macht sie diese in Handygröße schwerer lesbar, ist sie zu stark.
• Prüfe sie an beiden Extremen. Sieh sie dir auf einer Story in 1080×1920 und auf einer Visitenkarte in 1050×600 an. Körnung, die groß richtig aussieht, kann klein zu Brei werden.
• Prüfe sie im Druck. Körnung, die auf dem Bildschirm glänzt, kann auf Papier wie ein Druckfehler aussehen. Druck einen A5-Flyer, bevor du dich festlegst.

Fehler, die Textur billig aussehen lassen

Am letzten Punkt scheitern viele Marken. Wird ein texturiertes Bild von einem quadratischen Beitrag auf ein breites Banner gestreckt, streckt sich auch die Körnung, und das Licht landet an einer seltsamen Stelle. Eine Textur sollte in der Größe gerendert werden, in der sie genutzt wird; darum geht es auch in Hintergrundtextur.

Eine Textur zu deiner machen

Ein kostenloses Rausch-Overlay steht allen zur Verfügung, und genau das ist das Problem: Je beliebter eine Textur wird, desto weniger sagt sie über dich. Damit eine Textur dir gehören kann, muss sie eine spezifische Kombination sein, die sonst niemand nutzt.

Genau dafür ist ein Gradiently Mark gebaut. Jeder Mark ist ein Rezept aus Farben, bis zu drei gestapelten Materialien, Licht, Körnung und Bewegung, und jeder wird mit allen anderen abgeglichen, damit keine zwei gleich aussehen. Er rendert live in jeder Größe, in der du gestaltest, sodass Körnung und Licht immer richtig sitzen, und er nimmt seine Details hinter deinen Wörtern zurück, damit Überschriften lesbar bleiben. Wenn du einen Mark sicherst, kannst nur du damit exportieren. Materialien eines Marks erklärt die Materialschichten genauer.