Solstice Design System

Projektübersicht

Solstice Labs hatte fünf Produktteams, die jeweils ihre eigenen Buttons, Formulare und Farbwerte neu erfanden, was zu einem inkonsistenten Erlebnis über ihre gesamte Suite hinweg führte. Wir haben ein vollständiges Designsystem aufgebaut: eine Token-basierte Farb- und Typografie-Skala, eine Bibliothek wiederverwendbarer Komponenten und klare Nutzungsrichtlinien für jeden Zustand — Hover, Fokus, Fehler, Laden.

Statt das System nur als Figma-Datei zu übergeben, haben wir es direkt als HTML/CSS-Komponentenbibliothek implementiert, die Entwickler ohne Rätselraten übernehmen konnten. Die Zeit vom Design bis zur einsatzbereiten Komponente halbierte sich, und alle fünf Produktteams verwenden das System inzwischen als gemeinsame Grundlage.