150 shadcn/ui deposunu okuduk. Tek düzeliğin sebebi mor değil.

Bu sayfada

1. Ne ölçtüm?
2. İki yazı tipinden biri
3. Ana renk mor değil, gri
4. Yapay zekâyla tasarlayanlar için anlamı
5. Yöntem ve veriler

Yapay zekâyla ürün geliştiren herkes bu görünümü bilir: tek yazı tipi, mor geçiş, aynı yumuşak kartlar. Bu uygulamaların çoğunun temelinde olduğu için olağan şüpheli shadcn/ui’dır. Ben de tahmini bırakıp kodu okudum.

Ne ölçtüm?

25 Eylül 2026’da GitHub’da shadcn-ui etiketli, en çok yıldız alan 150 depoyu aldım. Her birinde uygulamanın görünümünü belirleyen dosyaları okudum: kök yerleşim, Tailwind yapılandırması ve genel stil dosyası. İki şey kaydedildi.

• Yazı tipi, next/font içe aktarımlarından, Google Fonts bağlantılarından ve font-family tanımlarından.
• Ana renk, stil dosyasındaki ilk ana renk değerinden. Tonuna göre nötr, mavi, mor ve diğer olarak sınıflandırıldı.

Sinyalin okunamadığı depo okunamaz sayıldı, tahmin yapılmadı. Geriye yazı tipi okunabilen 67, ana rengi okunabilen 87 depo kaldı.

İki yazı tipinden biri

Yazı tipi okunabilen 67 deponun 59’u Geist veya Inter kullanıyor. Bu yüzde 88. Geist 34, Inter 28 depoda var. Bazıları ikisini de yüklüyor. Yalnızca 8 depo başka bir şey seçmiş: DM Sans, Manrope, Sora, Montserrat ve birkaç başka seçenek.

Asıl tekdüzelik bu. Kötü bir seçim değil. Geist ve Inter ekran için çok iyi yazı tipleri. Ama okuyucunun gördüğü ilk şey bu ürünlerin neredeyse hepsinde aynı.

Ana renk mor değil, gri

Okunabilen 87 ana rengin 65’i nötr: shadcn’ın kendi temel paletlerinden gelen siyaha yakın veya gri tonlar. Bu yüzde 75. Mavi 11, yani yüzde 13. Mor 5, yani yüzde 6.

Dolayısıyla morun kaynağı shadcn/ui değil. Kendi hâline bırakıldığında gri gelir. Ürününüz morsa bunu biri seçti veya bir şey sizin yerinize seçti.

Yapay zekâyla tasarlayanlar için anlamı

Marka sorununuz bileşen kütüphanesi değil. Size bilerek yapı ve nötr yüzey verir. Benzerlik iki noktadan girer: kimsenin değiştirmediği yazı tipi ve ne kullanacağı söylenmeyince aracın doldurduğu vurgu rengi.

Her biri tek bir karardır. Sesinizi taşıyan yazı tipini seçin, kendi ana renginizi belirleyin ve model çizime başlamadan ikisini de verin. Çözüm bu kadar. Tasarım sisteminin önce gelmesi de bu yüzden gerekir.

Yöntem ve veriler

Tarayıcı, kurallar ve ham sonuçlar açık: scan_shadcn.py ve results.json. Ton sınıfları HSL (mor 240 ile 300 derece) ve OKLCH (mor 265 ile 320 derece) kullanıyor. Doygunluğu yüzde 12’nin veya kroması 0.05’in altındaki her şey nötr sayılıyor. shadcn’ın slate ve zinc tabanları burada bulunuyor. Örneklem, etiketli en çok yıldız alan 150 depodan oluşuyor. Uygulamaların yanında kütüphaneler de var. Ortanca depo yaklaşık 1,700 yıldıza sahip.

Bu ilk Parçalara ayırma: tek tasarım sorusu, elle ölçüm, açık yöntem. Sayılmasını istediğiniz bir soru varsa bana anlatın.