150 shadcn/ui-Repos geprüft. Das Einerlei ist nicht lila.
Auseinandergenommen, Teil eins. Die beliebtesten shadcn/ui-Projekte nutzen meist zwei Schriften und Grau. Der violette Verlauf kommt woanders her.
Auf dieser Seite
Wer mit KI entwickelt, kennt den Look: eine Schrift, ein violetter Verlauf, dieselben weichen Karten. Meist fällt der Verdacht auf shadcn/ui, weil so viele dieser Apps darauf aufbauen. Also habe ich aufgehört zu raten und den Code gelesen.
Was ich gemessen habe
Ich nahm am 25. September 2026 die 150 GitHub-Repositories mit den meisten Sternen und dem Tag shadcn-ui. In jedem las ich die Dateien, die das Aussehen einer App bestimmen: Hauptlayout, Tailwind-Konfiguration und globales Stylesheet. Ich erfasste zwei Dinge.
- Die Schrift, aus
next/font-Importen, Google-Fonts-Links undfont-family-Deklarationen. - Die Primärfarbe, aus dem ersten Primärfarbwert im Stylesheet, nach Farbton in neutral, blau, violett und andere eingeteilt.
Wo sich kein Signal auslesen ließ, zählte das Repo als nicht auslesbar. Ich habe nichts geraten. So blieben 67 Repos mit auslesbarer Schrift und 87 mit auslesbarer Primärfarbe.
Eine von zwei Schriften
59 der 67 Repos mit auslesbarer Schrift nutzen Geist oder Inter. Das sind 88 Prozent. Geist erscheint in 34, Inter in 28, einige laden beide. Nur 8 wählten etwas anderes, verteilt auf DM Sans, Manrope, Sora, Montserrat und einige weitere.
Darin steckt die eigentliche Gleichförmigkeit. Die Wahl ist nicht schlecht, Geist und Inter sind ausgezeichnete Bildschirmschriften. Aber fast jedes dieser Produkte zeigt Lesern als Erstes dasselbe.
Grau als Primärfarbe statt Lila
65 der 87 auslesbaren Primärfarben sind neutral: fast schwarz oder grau, direkt aus den Grundpaletten von shadcn. Das sind 75 Prozent. Blau kommt auf 11 oder 13 Prozent. Violett auf 5 oder 6 Prozent.
Das Lila kommt also nicht von shadcn/ui. Ohne Eingriff liefert es Grau. Ist Ihr Produkt violett, hat das jemand gewählt, oder etwas hat es für Sie gewählt.
Was das für das Gestalten mit KI bedeutet
Die Komponentenbibliothek ist nicht Ihr Markenproblem. Sie liefert bewusst Struktur und eine neutrale Oberfläche. Die Gleichförmigkeit schleicht sich an zwei Stellen ein: bei der Schrift, die niemand änderte, und bei der Akzentfarbe, die ein Werkzeug ergänzte, weil niemand eine vorgab.
Beides braucht jeweils eine Entscheidung. Wählen Sie eine Schrift, die Ihre Stimme trägt, legen Sie eine eigene Primärfarbe fest und geben Sie beides dem Modell, bevor es etwas zeichnet. Das ist die gesamte Korrektur. Deshalb muss das Designsystem zuerst kommen.
Methode und Daten
Scanner, Regeln und Rohdaten sind offen: scan_shadcn.py und results.json. Die Farbgruppen nutzen HSL (Violett 240 bis 300 Grad) und OKLCH (Violett 265 bis 320 Grad). Alles mit einer Sättigung unter 12 Prozent oder einer Buntheit unter 0.05 zählt als neutral. Dort liegen auch die Slate- und Zinc-Grundpaletten von shadcn. Die Stichprobe umfasst die 150 Repos mit den meisten Sternen und diesem Tag, darunter Bibliotheken und Apps. Der Median liegt bei etwa 1,700 Sternen.
Das ist der erste Teil von Auseinandergenommen: eine Designfrage, von Hand gemessen, mit offengelegter Methode. Wenn Sie eine Frage ausgezählt haben möchten, schreiben Sie mir.
