Weniger ist mehr: Skalierbare Design-Systeme

Design-Systeme sind oft aufgeblähte Monster. Tausende von Tokens, komplexe Komponentenhierarchien und JavaScript, wo CSS reichen würde.

Der "Precision Creative" Ansatz

Wir glauben an CSS Variables als Single Source of Truth.

Beispiel: Theming mit 5 Variablen

:root {
  --bg: #ffffff;
  --text: #000000;
  --accent: #0066ff;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111111;
    --text: #ffffff;
    --accent: #3399ff;
  }
}

Warum Utility-Classes nicht alles sind

Tailwind ist großartig, aber semantisches CSS hat seinen Platz. Besonders bei komplexen Animationen oder Layouts wie unserem Bento-Grid.

"Code should be as simple as the design allows."

Performance Impact

Ein schlankes Design-System bedeutet weniger CSS-Bundle-Size und schnelleres Parsing durch den Browser. Das resultiert direkt in besseren Core Web Vitals.