Brand Runtime System

Eine Marke. Einmal definiert. Überall konsistent.

Schwarm magentafarbener Clownfische im blauen Unterwasserlicht

Was ist ein Brand Runtime System?

Ein Brand Runtime System ist eine Markendefinition als maschinenlesbare Design Tokens statt als Dokument – framework-agnostisch und direkt von Maschinen konsumierbar. CX Central ist die Umsetzung: ein Token-Kern im wahrnehmungsgleichen OKLCH-Raum, ausgeliefert an shadcn, Tailwind, Figma, npm und Print.

Der Unterschied zum Styleguide ist der Aggregatzustand: Ein Styleguide beschreibt eine Marke für Menschen, die sie von Hand umsetzen. Ein Brand Runtime System stellt sie als Daten bereit, die Systeme direkt konsumieren – und die auch eine KI korrekt anwendet, die die Marke nie gesehen hat.

Der Unterschied zum klassischen Designsystem ist die Framework-Bindung: Ein Designsystem liefert fertige Komponenten für eine Technologie. Ein Brand Runtime System setzt eine Ebene tiefer an und liefert die Tokens, aus denen Komponenten in jedem Framework entstehen – der Kern bleibt, die Zielumgebung ist austauschbar.

Ein Kern für Angular, React und shadcn

Design Tokens sind der gemeinsame Nenner – egal, welches Framework ein Team gerade nutzt.

Aus Farb-, Typo- und Radien-Tokens baut eine KI in Minuten Komponenten, die überall gleich aussehen. Der Wildwuchs, den Tools wie Lovable sonst auslösen, bleibt aus.

Übersicht der Design-Token-Kategorien: Farbe, Typografie, Radien, Effekte, Elevation, Borders, Alignment, Speed, Distance, Gradient

Auch was die KI baut, bleibt deine Marke

Von den Tokens direkt in Frontend, Prompt und Pitchdeck.

Briefe Claude, Cursor oder Lovable mit deinen Tokens – über „Copy for AI“ oder eine Live-URL. Aus zufälligen KI-Ergebnissen werden markenkonforme. Für Folien übernimmt das N3XT Powerspace.

Design Tokens plus Fader ergeben das Brand Runtime System

Drei Stufen, ein System

Vom Self-Service bis zur Individuallösung – oder erst unverbindlich reinschauen.

Instant250,-

Für Scaleups, Startups und Design-Agenturen, die sofort loslegen wollen.

Logo hochladen, Prompt schreiben oder Designvorlage hochladen – das System liefert ein fertiges, editierfähiges Runtime System zurück. Export für shadcn und Tailwind, 10 Iterationen. Ein abgestimmtes System für das nächste Projekt, ohne Wartezeit.

Studio6.500,-

Für Unternehmen, die einen begleiteten Anforderungsprozess und ein fertiges Runtime System wollen.

Ein Workshop klärt die Anforderungen, R3ASON entwickelt die Tokens, Abstimmung läuft über Demopages. Übergabe als API, Export für shadcn und Powerspace. 6 Monate Nutzung, 20 Iterationen.

EnterpriseAuf Anfrage

Für Enterprise und regulierte Branchen mit eigenem Kontrollbedarf.

Installation auf eurem eigenen System. Ein Workshop klärt den Auftrag, R3ASON entwickelt danach das komplette Runtime System als eigenes Projekt – ausgelegt auf Echtzeit-Tokens über API für eure Protokollsysteme und Assistenten.

Noch unsicher?

Jeden Freitag zeigen wir CX Central live und unverbindlich – bevor irgendeine Stufe gebucht wird.

Zum nächsten Termin anmelden
Celonique
R3ASON – AI Business Studio
M1ND Futuring Lab
studiumdigitale
Goethe-Universität Frankfurt am Main
Science Festival Frankfurt
select

Ein Prinzip, drei Blickwinkel

Was CX Central heute leistet – und wohin die Idee als Nächstes führt.

Ein fester Kern, für jede Oberfläche offen

Farbe, Typografie, Tiefe und Bildwelt liegen einmal als Tokens vor – im wahrnehmungsgleichen OKLCH-Raum, damit Hell- und Dunkelmodus, Abstufungen und Kontraste sauber ineinander übergehen. Von diesem Kern spielt eine KI die Identität in jedes Ziel aus: shadcn, npm, Figma, KI-Builder und Print. Die Marke bleibt erkennbar, ohne dass jede neue Anwendung von Hand nachgezogen wird.

Sag, wie es sich anfühlen soll

„Mach die Marke ruhiger“ – und CX Central dreht an mehreren Stellschrauben zugleich: Farben unbunter, Kontraste weicher, Tiefe flacher, Typografie leiser. Diese Designprinzipien nennen wir Fader. Du steuerst sie nie von Hand: Du beschreibst im Chat, wie es sich anfühlen soll, die Fader arbeiten als Tool-Calls im Hintergrund.

Was als Nächstes kommt: Tokens live für Assistenten

Die nächste Ausbaustufe liefert Tokens nicht nur einmalig, sondern in Echtzeit über eine API – für CRM-Systeme, Customer-Success-Tools und KI-Assistenten, die Marke halten, ohne sie zu kennen. Von dort führt der Weg zu benannten Modi für verschiedene Use Cases und Accessibility – etwa maximaler Kontrast bei Sehschwäche – bis zu Tokens, die auf den Kontext und die emotionale Situation der Nutzer:innen reagieren.

Ein Werkzeug, drei Funktionen

Editor, Chat-Assistent, Vorschau und Export – der Kern von CX Central.

Token-Editor mit Reglern für Farbe, Typografie, Elevation und Layout
Editor für alle Tokens

Jedes Design Token im System – von der Primary Color bis zum Buchstabenabstand im Copytext.

Chat-Dialog, der aus einem Satz ein Markensystem aufbaut
Chat-Assistent

Er kennt die Designprinzipien und die Zusammenhänge zwischen den Tokens. Gestalten im Chat, in natürlicher Sprache – eine ganz neue Erfahrung.

Komponenten-Vorschau neben den Export-Zielen shadcn, npm, Figma und API
Vorschau & Export

Eigene Vorschau für gerenderte Komponenten und Webseiten, um die Wirkung zu prüfen. Stimmt sie, folgt der schnelle Export – oder die API.

Noch unsicher?

Jeden Freitag zeigen wir CX Central live und unverbindlich – bevor irgendeine Stufe gebucht wird.

Zum nächsten Termin anmelden

Häufige Fragen

Was Teams fragen, bevor sie ein Brand Runtime System einführen.

Was ist ein Brand Runtime System?

Eine Markendefinition als maschinenlesbare Design Tokens statt als Dokument. Farbe, Typografie, Abstand und Radius liegen zentral vor und werden zur Laufzeit an jede Oberfläche ausgeliefert. Anders als ein Styleguide, den Menschen interpretieren, und anders als ein Designsystem, das an ein Framework gebunden ist, ist ein Brand Runtime System framework-agnostisch und direkt von Maschinen konsumierbar.

Wie halte ich mein Designsystem konsistent, wenn Teams mit shadcn oder Lovable bauen?

Indem die Marke nicht in den Komponenten liegt, sondern eine Ebene darunter in den Design Tokens. Genau dort veralten klassische Designsysteme – sobald ein Team schnell mit shadcn, Tailwind oder einem KI-Builder arbeitet. Aus den framework-unabhängigen Tokens baut eine KI in Minuten Komponenten, die in jeder Technologie gleich aussehen. Kleine Detailunterschiede bleiben, der Wildwuchs paralleler Oberflächen nicht.

Gibt es eine Alternative zum klassischen Designsystem für KI-gestützte Entwicklung?

Ja, das Brand Runtime System. Ein klassisches Designsystem liefert fertige Komponenten für eine Technologie und setzt voraus, dass Teams darin bleiben – bei KI-gestützter Entwicklung wechseln Werkzeuge und Frameworks aber je Projekt. Das Brand Runtime System liefert stattdessen die Tokens als gemeinsamen Nenner: Die KI erzeugt die Komponenten, das System hält sie markenkonform.

Wie liefere ich Design Tokens an mehrere Frameworks gleichzeitig aus?

Über einen zentralen Token-Kern mit mehreren Export-Zielen. CX Central hält Farbe, Typografie, Radius und Abstand im wahrnehmungsgleichen OKLCH-Farbraum und exportiert nach shadcn, Tailwind, Figma und npm – als Download oder über stabile, versionierte Live-URLs. Für die Enterprise-Stufe ist zusätzlich die Echtzeit-Auslieferung über eine API vorgesehen, an der sich CRM-Systeme, Customer-Success-Tools und KI-Assistenten bedienen.

Was kostet CX Central?

CX Central gibt es in drei Stufen. Instant kostet 250 € und liefert im Self-Service aus Logo, Prompt oder Designvorlage ein editierfähiges Runtime System mit Export für shadcn und Tailwind, inklusive 10 Iterationen. Studio kostet 6.500 € und umfasst einen Workshop, die Token-Entwicklung durch R3ASON, Übergabe als API sowie 20 Iterationen. Enterprise wird individuell kalkuliert und auf dem eigenen System installiert.

Funktioniert CX Central on-premise und in regulierten Branchen?

Ja, über die Enterprise-Stufe. Das System wird auf der eigenen Infrastruktur installiert, sodass Marken- und Kundendaten die eigene Umgebung nicht verlassen – relevant für Banken, Versicherungen, Gesundheitswesen und öffentliche Auftraggeber. Ein Workshop klärt den Auftrag, R3ASON übernimmt die Entwicklung als eigenes Projekt.

Wie sage ich dem System, wie meine Marke wirken soll?

In natürlicher Sprache. „Mach die Marke ruhiger“ – und CX Central dreht an mehreren Designprinzipien zugleich: Farbe, Kontrast, Tiefe, Typografie. Diese Prinzipien nennen wir Fader; du beschreibst sie im Chat, die Umsetzung läuft als Tool-Calls im Hintergrund.