Ergebnis. KI-nativ.
Umgesetzt.
Das Brand-System der Bridgemaker GmbH. Kanon in guidelines/, Werte in tokens/,
maschinenlesbar über die CLAUDE.md — Quelle ist das gelebte Design-System der Website.
Guidelines
Das Regelwerk in neun Kapiteln: Markenkern, Farben, Typografie, Cards & Glass, Motion, Layout, Produkt-Patterns, Voice, MD3-Mapping. Jede Regel lebt genau einmal — hier.
Lesen →Das visuelle Brandbook
Die Guidelines als erlebbare Referenz: Logo, fluide Typo, Farbfamilien, Cards & Glass, Gradient-Katalog, Components, Seitenrhythmus, MD3.
Öffnen →CLAUDE.md (v2)
Das Destillat für KI-Arbeit — wird bei jedem Projekt als Grundlage geladen. Start-Checkliste, Hard Rules, Handwerks-Fallen, Do's & Don'ts.
Lesen →tokens.css + tokens.json v2
Alle Werte, portabel: Farbfamilien, type-*-Klassen, Karten- und Grain-Rezepte, der komplette Gradient-Katalog, Motion.
Öffnen →Voice & Style Guide v1.1
Verbindlich für alle Texte: Polaritäten, Tone-Stufen (Standard/Empathisch/Visionär), Schreibregeln, Risikowörter, verbotene Floskeln, Beispiele.
Lesen →Referenz-Code für Produkt-UIs
Next.js 15 + React 19 + Material Design 3 (@material/web) mit Bridgemaker-Token-Mapping. Lokal starten: cd starter-kit && npm install && npm run dev.