Öneri · sürüm 0.1.0
Her kamu hizmeti için tek bir tasarım sistemi
Bakanlık, kurum ve belediye siteleri için ortak bileşenler, kalıplar ve kurallar. HTML/CSS çekirdeği, React ve Vue sarmalayıcılarıyla arayüzler oluşturun.
Temeller
Renk, tipografi, aralık ve tasarım belirteçleri. Her kontrast garantisi yapı sırasında denetlenir.
Bileşenler
116 bileşen. Her biri canlı örnek, kullanım kuralı, erişilebilirlik notu ve WCAG ölçütü taşır.
Entegrasyonlar
HTML, React, Next.js, Vue, Angular, ASP.NET ve Java. Hangi bileşen hangi teknolojide hazır, tek tabloda.
Türkiye’ye özgü bileşenler
Bu 13 bileşenin kuralı, biçimi veya yasal dayanağı Türkiye’ye aittir. Benzerleri başka ülkelerde bulunabilir, ama içeriği kopyalanamaz.
e-Devlet ile giriş TR
e-Devlet sign inErişilebilirlik menüsü TR
Accessibility menuIBAN girişi TR
IBAN input
Kurum logosu TR
Logo lockupKurum tanıtıcısı TR
IdentifierKVKK açık rıza TR
Data protection consentPlaka girişi TR
Licence plate input
Resmî site afişi TR
MastheadT.C. kimlik numarası girişi TR
National identity number inputTarih girişi TR
Date inputTelefon girişi TR
Phone inputVergi kimlik numarası girişi TR
Tax number inputBileşen grupları
- Kimlik8
Kullanıcıya bunun bir devlet hizmeti olduğunu söyleyen parçalar.
- Gezinme13
Kullanıcının nerede olduğunu ve nereye gidebileceğini gösteren parçalar.
- Form16
Kullanıcıdan bilgi alan parçalar.
- Seçim8
Kullanıcının seçenekler arasından seçim yapmasını sağlayan parçalar.
- Eylem8
Kullanıcının bir işlem başlatmasını sağlayan parçalar.
- Geri bildirim13
Sistemin kullanıcıya durum bildiren parçaları.
- Yerleşim15
İçeriği düzenleyen ve gruplayan parçalar.
- İçerik25
Veriyi ve metni sunan parçalar.
- Türkiye’ye özgü form7
Türk kimlik, adres ve finans biçimlerini alan parçalar.
- Türkiye’ye özgü hizmet3
Türk mevzuatından ve altyapısından doğan parçalar.