Für Programme
Die CI als Code, nicht als PDF.
Wer eine Website baut, braucht keine Seite 14 eines Styleguides, sondern Variablen. nexbrand gibt jede Fassung als Code aus, eine API liest sie für Programme, und ein KI-Werkzeug im Editor holt sie sich über MCP, statt Farben zu erfinden.
Als Code
„Als Code“ an jedem Kunden und jedem Projekt öffnet die gezeigte Fassung in vier Formaten, zum Kopieren oder Herunterladen:
- CSS-Variablen unter
:root - Tailwind 4 als
@theme - SCSS mit
$-Variablen - Design Tokens (JSON) nach dem Entwurf des W3C, mit Pantone als Erweiterung
Darin stehen alle Farben, ihre Abstufungen von 50 bis 950 (außer bei Neutraltönen), die Schriften mit Ausweichschrift, jede Schriftgröße in rem mit Zeilenhöhe und Gewicht und die Zuordnung für den Dunkelmodus. Oberfläche, öffentliche Seite, API und MCP liefern denselben Text, Zeichen für Zeichen.
/* Morgenrot Bakery 2026 */
:root {
--color-oven-red: #A12E26;
--color-honey: #E8A33D;
--color-flour: #F4E8CF;
/* … */
--color-oven-red-50: #FBF4F4;
--color-oven-red-500: #D24B41;
--color-oven-red-950: #311412;
/* … */
--font-headings: 'Fraunces', serif;
--font-body-text: 'Inter', sans-serif;
--font-price-tags: 'Morgenrot Hand', cursive;
--text-h1: 3rem;
--text-h1--line-height: 1.1;
--text-h1--font-weight: 700;
/* … */
/* Dark mode: which colour is what. Map them onto your own variables. */
--dark-ground: var(--color-night);
--dark-primary: var(--color-honey);
}Ein Token je Zugang
Programme melden sich mit einem Token an, nie mit einem Passwort. Der Betreiber schaltet Tokens frei, dann legt jedes Konto unter Mein Konto, Verbindungen eigene an:
- Kunden: alle, die du sehen darfst, auch spätere, oder nur ausgewählte.
- Was das Token darf: „Nur lesen“ oder „Lesen und Entwürfe anlegen“.
- Ablauf: in 30 Tagen, in 90 Tagen, in einem Jahr oder nie.
Ein Token sieht nur, was sein Konto sehen darf, und entzogene Rechte gelten sofort. Es wird genau einmal angezeigt; nexbrand speichert nur eine Prüfsumme. Der Betreiber sieht alle Tokens, ohne sie selbst zu kennen, und kann jedes sperren.
Die API unter /api/v1
Was unter /api/v1 steht, bleibt: Neue Felder können dazukommen, aber nichts wird umbenannt oder entfernt. Kunden, Fassungen und Projekte lassen sich mit Namen oder Kennung ansprechen.
| Anfrage | Was | Stufe |
|---|---|---|
GET /api/v1/me | Wer das Token ist und was es darf | Lesen |
GET /api/v1/clients | Kunden mit geltender Fassung und Hauptfarben | Lesen |
GET /api/v1/clients/{kunde} | Der ganze Satz mit Dateien und Prüfung; mit ?at= wie an einem Tag, mit ?version= oder ?project= | Lesen |
GET /api/v1/clients/{kunde}/versions | Alle Fassungen mit Gilt-ab-Datum | Lesen |
GET /api/v1/clients/{kunde}/code | Der Satz als css, tailwind, scss oder json | Lesen |
POST /api/v1/clients/{kunde}/audit | Farbwerte oder ein Stylesheet gegen die CI prüfen | Lesen |
POST /api/v1/clients/{kunde}/drafts | Ein Redesign als Entwurf zurückschreiben | Entwürfe |
GET /api/v1/contrast | Kontrast zweier Farben, mit Farbsehen und nächster reichender Farbe | Lesen |
GET /api/v1/files/{id} | Ein Logo, eine freie Schrift oder ein Beispiel | Lesen |
curl -H "Authorization: Bearer nxb_…" \
"https://brand.example.com/api/v1/clients/Harbour%20Bakery/code?format=tailwind&at=2023-05-01"Pavo sagtDie API ist für Programme gedacht, nicht für Browser: Eine Anfrage mit einem Origin-Kopf lehnt nexbrand ab. Programme wie nexdeck oder n8n lesen mit einem Token als Kopfzeile.
Code gegen die CI prüfen
Schick bis zu 500 Farbwerte oder ein ganzes Stylesheet an audit, und nexbrand sagt zu jeder Farbe: gleich, fast gleich mit der gemeinten Farbe der CI, fremd oder unlesbar. HEX, rgb() und hsl() versteht es, Variablen löst es innerhalb des Stylesheets auf.
Bei einem Stylesheet prüft nexbrand außerdem jede Regel, die Schriftfarbe und Hintergrund zugleich setzt, gegen die verbotenen Paare der CI und gegen 4,5:1. Das bleibt bewusst einfach: Gemeint sind Paare innerhalb einer Regel, Vererbung im Dokument sieht es nicht.
MCP für KI-Werkzeuge im Editor
Unter /api/mcp spricht nexbrand das Model Context Protocol. Ein KI-Werkzeug im Editor bekommt die Anweisung mit, vor dem Bauen die CI zu holen und nie Farbwerte zu erfinden.
| Werkzeug | Was | Stufe |
|---|---|---|
list_clients | Kunden mit geltender Fassung und Hauptfarben | Lesen |
get_brand | Der ganze Satz eines Kunden oder Projekts, auch wie an einem Tag | Lesen |
get_code | Der Satz als CSS, Tailwind, SCSS oder JSON | Lesen |
list_versions | Alle Fassungen, dann die Entwürfe | Lesen |
compare_versions | Der Unterschied zweier Fassungen | Lesen |
check_contrast | Kontrast zweier Farben | Lesen |
audit | Farbwerte und CSS gegen die CI | Lesen |
propose_version | Ein Redesign als Entwurf zurückschreiben | Entwürfe |
{
"mcpServers": {
"nexbrand": {
"type": "http",
"url": "https://brand.example.com/api/mcp",
"headers": { "Authorization": "Bearer nxb_…" }
}
}
}Einem Token der Stufe „Nur lesen“ zeigt nexbrand propose_version gar nicht erst. Mit „Lesen und Entwürfe anlegen“ schreibt das Werkzeug ein Redesign als Entwurf zurück, mit der Herkunft „über MCP“ und dem Namen des Tokens als Autor. Veröffentlichen kann es nicht; das bleibt Sache eines Menschen in der App.
Für alle Wege gilt dasselbe: höchstens 600 Anfragen je Minute und Token, dieselben Rechte wie in der Oberfläche, und eine Hausschrift kommt nie als Datei heraus.