Style Demo · Token-Driven

Tailwind CMS – Wiederverwendbare UI

Farben anpassen: colors.config.js (Primär, Akzent, Status, Grau).
Stil justieren: style.css (Ecken, Abstände, Komponenten-States).
Build ausführen: npm run build – Output aktualisiert Tokens & Utilities.

Branding strikt getrennt vom Markup: Farben aus colors.config.js, globale Styles/Komponenten aus style.css.

Dark/Light via <html data-theme="…">. Theme-Toggle ist verdrahtet.

Schnelleinstieg

Alle Brand-Farben aus colors.config.js – Light/Dark inklusive.

Headings, Copy, Listen, Code – Schweizer Rhythmik.

Inputs, Selects, Radios, Fehler-States und Fokus-Ringe.

Views bleiben unangetastet. Komponenten & Sections referenzieren ausschließlich Tokens.