Alles zur Farbe an einem Ort: welche Farbe welche Rolle trägt, wie ein Auftritt mit genau einer Farbe entsteht, welche Regeln gelten — und weiter unten die Palette samt Werten und Kontrast zum Kopieren.
Die vier Markenfarben
Vier gleichwertige Akzente. Sie werden nicht gemischt, sondern einzeln gewählt — eine Farbe trägt ein Sujet. Text auf der Fläche steht in Schwarz.
RotDie kräftigste Signalfarbe der Marke — oft für Leitkampagnen, Events und starke Auftritte.Leitkampagnen · Signaletik · Event-Keys#e6184f · Pantone 1925 C0 M100 Y55 K0
Jeder Auftritt trägt genau eine Markenfarbe — über Sujets hinweg entsteht so ein farbcodiertes System. Verschiedene Anwendungen dürfen verschiedene Farben tragen, aber nie zwei im selben Sujet.
Magic Science Night
Deine Welt ist elektromagnetisch
After Work Vibes
Nie zwei Markenfarben im selben Sujet
Farbe als Fläche, Kontur oder Typo
Drei Wege, eine Markenfarbe einzusetzen — mehr braucht es nicht. Auf der Farbfläche bleibt Text in Schwarz; die genaue Kontrast-Tabelle steht weiter unten.
FlächeVollflächig als Bühne — Wortmarke und Text in Schwarz.
KonturDie T-Shape als farbige Kontur auf Schwarz — Fenster zum Phänomen.
Wunder.TypografieDie Farbe trägt ein einzelnes Wort — sparsam, als Akzent.
Regeln im Einsatz
Die Grundregeln für die vier Markenfarben in der Anwendung — auf einen Blick.
Eine Markenfarbe pro Anwendung, konsequent durchgehalten.
Schwarz als Bühne — die Farbe ist der einzige Akzent.
Die Farbe als Fläche, Kontur oder Typografie einsetzen.
Auf Markenflächen Text in Schwarz setzen.
Zwei Markenfarben im selben Sujet kombinieren.
Farbverläufe zwischen den Markenfarben legen.
Markenfarben abtönen, aufhellen oder entsättigen.
Weissen Text auf Orange oder Blau setzen.
Palette & Werte
Schwarz ist die Bühne. Eine Markenfarbe pro Anwendung — nie miteinander kombiniert, nie abgetönt, nie im Verlauf.
--tr-black
#000000
--tr-white
#ffffff
--tr-red
#e6184f
--tr-orange
#f39200
--tr-blue
#00a3e5
--tr-green
#20a64b
--tr-bg
var(--tr-black)
--tr-bg-alt
var(--tr-white)
--tr-fg
var(--tr-white)
--tr-fg-invert
var(--tr-black)
--tr-muted
rgba(255,255,255,0.60)
--tr-muted-2
rgba(255,255,255,0.82)
--tr-muted-invert
rgba(0,0,0,0.60)
--tr-rule
rgba(255,255,255,0.14)
--tr-rule-invert
rgba(0,0,0,0.12)
--tr-rule-strong
rgba(255,255,255,0.28)
--tr-surface-1
rgba(255,255,255,0.03)
--tr-surface-2
rgba(255,255,255,0.04)
--tr-surface-3
rgba(255,255,255,0.06)
Neutrale & Kontrast
Schwarz ist die Bühne, Weiss die neutrale Fläche. Auf Markenflächen steht Text in Schwarz — Orange und Blau verfehlen mit Weiss die WCAG-AA-Kontraste.
Text schwarzText weissRot · Weiss nur ≥ 18 pt / Bold
Text schwarzText weissOrange · Weiss unter AA — Text nur Schwarz
Text schwarzText weissBlau · Weiss unter AA — Text nur Schwarz
Text schwarzText weissGrün · Weiss nur ≥ 18 pt / Bold
Grundlage ist das Technorama Brand Guideline. Diese Seite bündelt den Farbeinsatz und die Palette; den vollständigen Token-Satz gibt es als Export in der Design-Übersicht.