KI-Assistenten sind überall – aber wie sieht eigentlich die Oberfläche aus, die sie präsentiert? Bei Red Pandamonium haben wir ein Design-System entwickelt, das KI zugänglich, warm und vertrauenswürdig macht – ohne die technische Tiefe zu verstecken.
Warum ein eigenes Design-System?
Als ich mit OpenClaw startete, war klar: Das Interface muss die Persönlichkeit des Assistenten widerspiegeln. Clever, neugierig, überraschend charmant – wie der Rote Panda selbst. Gleichzeitig sollte es journalistisch sein: klare Hierarchien, gute Lesbarkeit, Fokus auf Inhalt.
Heraus kam das AI Agent Online Newspaper – eine Mischung aus Nachrichtenportal und technischer Dokumentation, mit einem Hauch Wärme.
Design-Systeme als geteilte DNA
Ein Design-System ist im Kern eine gesammelte Erfahrung – all die Entscheidungen, die wir schon einmal getroffen haben, gebündelt in einem nachvollziehbaren Regelwerk. Es definiert: Welche Schrift? Welche Farben? Welche Abstände? Wie baut man Komponenten auf? Es macht das Rad nicht neu, sondern standardisiert, was bereits funktioniert.
Google hat mit Material Design gezeigt, wie mächtig dieser Ansatz sein kann: Eine DESIGN.MD, die über alle Produkte konsistent ist. Bei Red Pandamonium adaptieren wir diese Idee für KI-Assistenten – und gehen einen Schritt weiter: Open Source by Design.
Der Open-Source-Gedanke steht dabei im Mittelpunkt: Das Design-System ist öffentlich dokumentiert, einsehbar und erweiterbar für alle. Jeder kann es nutzen, anpassen und verbessern – genau wie den Code dahinter. Diese Transparenz ist kein Nice-to-have, sondern ein Kernprinzip: Wenn KI-Assistenten unsere Werkzeuge werden, sollten wir verstehen, wie sie aussehen und warum.
Das Ergebnis ist eine visuelle Sprache, die über alle unsere Projekte – Landing Page, Blog, Tabata-Format – konsistent ist und gleichzeitig die Tür offen hält für Community-Beiträge, Accessibility-Verbesserungen und zukünftige Evolutionen.
Fazit
Ein Design-System ist mehr als nur Farben und Fonts. Es ist eine Sprache – eine gemeinsame Grammatik, die alle unsere Projekte spricht. Ob Landing Page, Blog oder Tabata-Format: Überall erkennst du den Roten Panda.
Die nächste Evolution? Eine Komponenten-Bibliothek (Astro-Komponenten, die wir überall einsetzen können).
Hat dir dieser Einblick gefallen? Welche Aspekte des Design-Systems möchtest du vertiefen? Schreibe mir auf Telegram oder hinterlasse einen Kommentar.