plain
Başlık, içerik ve aksiyon aynı boşluk sistemini paylaşır.
CLEAN4CORE / DESIGN SYSTEM / 01
Aynı dil. Her temas noktasında.
Renklerden etkileşime, sitenin ortak tasarım temeli. Bu ekran geliştirme ve kalite kontrol içindir; arama motorlarına indekslenmez.
Semantic renkler
Background
--background
Surface
--surface
Muted
--surface-muted
Foreground
--foreground
Primary
--primary
Success
--success
Warning
--warning
Destructive
--destructive
Info
--info
Responsive tipografi
display
Netlik, iyi tasarımın temeli.
h1
Netlik, iyi tasarımın temeli.
h2
Netlik, iyi tasarımın temeli.
h3
Netlik, iyi tasarımın temeli.
h4
Netlik, iyi tasarımın temeli.
Giriş metni / 18–20 px. Güçlü bir hiyerarşi, doğru okuma ritmi.
Gövde metni / 16–18 px. Türkçe karakter desteği: İ ı Ş ş Ğ ğ Ç ç Ö ö Ü ü.
Boşluk & grid
4 px taban. 4 / 8 / 12 kolon. 1280 px içerik sınırı. 20 / 32 / 48 px kenar boşluğu.
Radius & elevation
4 / 8 / 12 px. Yüzeyler ve border öncelikli; gölge yalnızca açılır katmanlarda.
Hareket & erişim
140 / 200 / 240 ms. Reduced motion, görünür focus, 44 px dokunma alanları.
Butonlar & etkileşim
Hover, klavye odağı ve basılı durumları deneyin. Örnek aksiyonlar yalnızca aşağıdaki sayacı değiştirir.
Örnek aksiyon sayısı: 0
Form kontrolleri
Bu bir arayüz demosudur. Bilgiler kaydedilmez veya gönderilmez; gerçek iletişim için ana sayfadaki e-posta bağlantısını kullanın.
Bu alandaki değeri kontrol edin.
Tek kart ailesi, üç yüzey
outlined
Başlık, içerik ve aksiyon aynı boşluk sistemini paylaşır.
muted
Başlık, içerik ve aksiyon aynı boşluk sistemini paylaşır.
Geri bildirim & durumlar
Başarı örneği: İşlem tamamlandı.
Hata örneği: İşlem tamamlanamadı. Yeniden deneyin.
Uyarı örneği: Devam etmeden önce alanları kontrol edin.
Bilgi örneği: Değişiklikler yerel önizlemede gösterilir.
Henüz kayıt yok
İçerik eklendiğinde bu alanda görüntülenir.
İçerik yükleniyor örneği
SIK SORULANLAR
Disclosure örneği
Klavye ile nasıl kullanılır?
Tab ile başlığa gelin; Enter veya Space ile içeriği açıp kapatın. İçerik JavaScript olmadan da erişilebilir.
Mobil menü nasıl kapanır?
Menüyü kapat düğmesi, Escape tuşu, menü dışına dokunma veya bir bağlantı seçme ile kapanır. Odak tetikleyiciye döner.