Project Chroma: Visuelle UI/UX-Engine
01. Chroma: Wie wir unser eigenes Farbproblem gelöst haben
Jedes Designprojekt bei Wiby beginnt mit einer Palette, und das bedeutete jahrelang das Jonglieren mit drei Browser-Tabs voller Farbtools, von denen keines verstand, wie Paletten wirklich genutzt werden: gegen echten Text, auf echten Hintergründen, mit Blick auf Barrierefreiheits-Kontrast. Project Chroma begann als internes Wochenendprojekt, um dieses Jonglieren zu beenden – ein Wähler und Paletten-Generator, der jede Kandidatenfarbe bei ihrer tatsächlichen Aufgabe zeigt.
Das Design-Briefing war kompromisslos: null Einarbeitung. Ein Designer soll landen, wählen, anpassen und exportieren – in zwei Minuten, ohne etwas zu lesen. Diese Vorgabe prägte jeden Bildschirm: Bedienelemente erscheinen dort, wo Ihre Augen ohnehin sind, Tastenkürzel spiegeln das Muskelgedächtnis von Design-Tools, und die Oberfläche selbst bleibt nahezu monochrom, damit die beurteilten Farben die einzigen auf der Bühne sind.
Engineering-Notizen
Chroma läuft vollständig clientseitig – keine Konten, keine Server-Umwege, Paletten sind in der URL selbst kodiert, sodass das Teilen einer Palette einfach das Teilen eines Links ist. Die Farbmathematik arbeitet in einem wahrnehmungsgleichmäßigen Farbraum, weshalb die erzeugten Harmonien ausgewogen wirken statt mathematisch-korrekt-aber-hässlich.
Design-Entscheidungen, die geblieben sind
Live-Kontrastwerte gegen weißen und dunklen Text auf jedem Farbfeld (die Funktion, die wir am meisten nutzen), eine Palettenvorschau auf einer fiktiven Landingpage statt isolierter Quadrate und Ein-Klick-Export zu CSS-Variablen und Design-Tokens – denn eine Palette, die im Wähler-Tool bleibt, hat nie etwas ausgeliefert.
02. Was Chroma uns gelehrt hat
Für Designer zu bauen machte uns besser darin, für alle zu bauen: Wenn Ihre Nutzer beruflich allergisch gegen Reibung sind, wird jede raue Kante innerhalb einer Stunde gemeldet. Das Muster „URL als Zustand“ und die Null-Einarbeitungs-Disziplin sind seither in Kundenprojekte gewandert.
Es bestätigte auch unsere Gewohnheit, ehrgeizige Ideen zuerst intern zu testen. Chromas wahrnehmungsbasierte Farb-Engine trieb später die Palettenarbeit in zwei Kunden-Markensystemen an – bezahlt, im Grunde, von einem Wochenend-Experiment.
03. Der Sinn eigener Produkte
Wir bauen Tools wie Chroma, weil das Ausliefern eigener Produkte unser Urteil ehrlich hält – wir spüren jede UX-Entscheidung als Nutzer, nicht nur als Anbieter. Wenn Sie diese Produkt-Denkweise auf Ihre Idee angewandt haben möchten, ist die Kontaktseite offen, und der Rechner gibt Ihnen eine Startzahl.
Bereit für die Branchenführerschaft?
Überlassen Sie Ihren Mitbewerbern keinen weiteren Tag Marktanteile. Kontaktieren Sie unser Führungsteam noch heute oder nutzen Sie unseren Schätzer für 50% Rabatt.