Tek gerçek kaynak: panel, müşteri siteleri ve pazarlama sitesi buradan beslenir. Sabit primitif token'lar + seçilebilir palet/font. Tüm buton/input tam-oval (9999); kutulu kontrolde ok metnin yanında.
Marka siyah-beyaz kalır; yalnız accent değişir. Seçince tüm örnekler güncellenir.
Semantik roller (uygulama bu isimleri kullanır, ham hex değil).
Ölçek sabit. Font çifti seçilebilir (tenant sitesi) — canlı deneyin.
Gövde metni. Türkçe glifler: ığüşöçİĞÜŞÖÇ. The quick brown fox 0123456789.
4px tabanlı sistem. Tutarlı ritim için hep bu adımlar.
Sade panel: yumuşak ve düşük. Kart / açılır / katman.
Süre + easing token'ları. Tutarlı, ölçülü geçişler.
--ease-standardcubic-bezier(.2,0,0,1)--ease-emphasizedcubic-bezier(.3,0,0,1)--dur-fast120ms--dur-base200ms--dur-slow320msÇakışmayı önleyen sabit sıralama.
--z-dropdown50--z-sticky80--z-modal100--z-toast200--z-tooltip300Buton/input = pill (9999). Kart/yüzey = 16px. Serbest köşe yok.
Path-tabanlı SVG (font DEĞİL), currentColor ile siyah-beyaz. Çalışan yer tutucu.
Lucide — MIT + self-hosted (kendi bundle'ımıza derlenir, dış istek yok). Tek dağarcık @/lib/icons, <Icon> ile.
Her renk (tone) × her stil (variant). Tam-oval. İkon metnin yanında (gap).
Input'lar tam-oval. Select native değil (trigger + popup). Kompakt kontrolün yanı büyüyen alanla dolar — gap yok.
Footer ve SEO başlığına otomatik akar.
Bu alan zorunludur.
Checkbox/Radio = yumuşak köşe; Switch = pill. KVKK rıza, modül aç/kapa, ayarlar.
Farklılaştırıcı: rengi NOKTA taşır, metin sakin ink'te; canlıda nabız. Tam-oval, fit-content.
Yüzey kabı — rounded-card (buton/input değil). Düz veya gölgeli.
Düz kart
Kenarlıklı, gölgesiz. Panel içi çoğu yüzey böyle.
Gölgeli kart
shadow-card ile zeminden hafifçe ayrışır.
Bakım modu, past_due dunning, ipuçları. Satır içi.
Taslak modunda
Site yayında
Deneme süreniz bitiyor
Ödeme alınamadı
Geçici geri bildirim — kaydedildi / hata / bilgi. Sağ altta, otomatik kaybolur.
Yayınlandı
Siteniz güncellendi.
Yıkıcı eylem onayı vb. Backdrop + Escape ile kapanır.
Eyleme çağıran — liste/kutu boşken kullanıcıyı yönlendirir.
Henüz mesaj yok
Formunuza gelen talepler burada listelenir. İlk lead düştüğünde haberdar olursunuz.
Hover/focus'ta kısa açıklama.
Pill ray içinde aktif sekme. Cihaz önizleme, ayar grupları.
Masaüstü önizleme içeriği.
Dönen spinner YOK — markalı, canlı göstergeler. Marka yükleyici · nokta · dalga · parıltılı progress.
İçerik gelene kadar yer tutucu.