Tasarım & UX Skill
Accessibility Compliance
Ekran okuyucu desteği, klavye navigasyonu ve mobil erişilebilirlik içeren WCAG 2.2 AA uyumlu arayüzler oluşturmak için bir uygulama araç seti.
₺369
Visual Design Foundations
Tipografi, renk, boşluk ve ikonografi temel ilkelerinden tutarlı, erişilebilir görsel sistemler kurmak için bir temel.
Tasarımı token odaklı, matematiksel temelli bir sisteme dönüştürür: modüler tip ölçekleri, 8 noktalı boşluk ızgarası, WCAG uyumlu renk ve bölüm yoğunluğu hiyerarşisi, böylece arayüzler rastgele değil bilinçli ve premium hisseder.
₺369 tek seferlik
Bir kit içine ekle → Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok
- Tür Skill
- Kategori Tasarım & UX
- Teslimat E-posta · anında
- Lisans Tek seferlik
Çalışmanın içinden · kara kutu yok
Satın almadan önce işin kendisini gör.
Skill bir görsel sistem kurarken tam olarak bu döngüyü işletir. Kara kutu yok, yaptığı iş budur:
- Tipografi ölçeğini 16px tabandan matematiksel oranla kurar (Major Third 1.25 veya Perfect Fourth 1.333), başlıklarda clamp() ile akışkan boyutlandırma ve role uygun satır yüksekliği uygular: başlıkta 1.1-1.3, gövdede 1.5-1.7
- Tüm boşlukları 8 nokta ızgarasına kilitler (4, 8, 12, 16, 24, 32, 48, 64px token'ları): kart iç boşluğu 16-24, bölüm araları 48-96. 13px gibi rastgele değerler bilinçaltı rahatsızlık üretir ve yüksek yoğunluklu ekranlarda bulanık çizilir
- Renk sistemini semantik token olarak tanımlar (primary, success, error artı 50-900 nötr skalası) ve her eşleşmeyi WCAG'a karşı doğrular: gövde metni 4.5:1, büyük metin ve arayüz bileşenleri 3:1, kontrast programatik olarak hesaplanır
- 60-30-10 kuralını uygular: nötr arka plan yaklaşık yüzde 60, ikincil ton 30, vurgu rengi CTA'lar ve kritik durumlar için yüzde 10'da tutulur. Karanlık modda oranlar korunur, tonlar ters çevrilir
- Sayfa boyunca bölüm yoğunluğunu dört seviyede dalgalandırır, hero'dan (160px iç boşluk, en büyük başlık, gradyan zemin) SSS ve footer'a (80px, minimal). Ardışık iki bölüm aynı görsel ağırlığı taşımaz
- Tek kart tipiyle sayfayı kaplamak yerine en az üç komponent ilkeli karıştırır (istatistik kartı, özellik kartı, karşılaştırma kartı, alıntı kartı) ve ikonografiyi sabit token boyutlarında tek sette tutar
Tek güç kaynağı. 6 hat dışarı.
visual-design-foundations · çekirdek
çekirdek aktif · 6 hat
- ✓ yeni bir proje için tasa…
Yeni bir proje için tasarım token'ları oluşturmak
- ✓ modüler bir tipografi öl…
Modüler bir tipografi ölçeği ve font eşleştirmesi kurmak
- ✓ doğrulanmış kontrastla w…
Doğrulanmış kontrastla WCAG uyumlu renk paletleri oluşturmak
- ✓ 8 noktalı ızgarada boşluk
8 noktalı ızgarada boşluk ve dikey ritim tasarlamak
- ✓ uzun bir açılış sayfasında
Uzun bir açılış sayfasında bölüm yoğunluğunu değiştirmek
- ✓ bir tasarımı görsel tuta…
Bir tasarımı görsel tutarlılık ve karanlık mod hazırlığı için denetlemek
Aldıkların sende kalır.
Zamanı ileri sar. Ne kaldığını izle.
Sonsuza dek
Sahip olmak tam olarak bu.
Kiralık yığın
yapay zekâ yazım aracı: abonelik
süresi doldu · erişim gittianaliz paketi: abonelik
süresi doldu · erişim gittitasarım platformu: abonelik
süresi doldu · erişim gitti(geriye bir şey kalmadı)
Senin ocağın
-
Boşluk ve tipografi gerçek bir ölçeği takip ettiği için arayüzler premium hisseder
lisans: kalıcı -
Renk, tahminlerle değil doğrulanmış kontrast oranlarıyla erişilebilirliği geçer
lisans: kalıcı -
Uzun sayfalar, bölüm yoğunluğu ve kart türlerini değiştirerek ritim kazanır
lisans: kalıcı -
Temalama ve karanlık mod sonradan zorla değil baştan planlanır
lisans: kalıcı
abonelikler biter · tapular bitmez
Kutudaki her şey.
Bir parçayı eline al. Çalışırken izle.
Tipografi ölçeği, satır yüksekliği ve akışkan clamp() duyarlı tip token'ları
6 parça · tek çalışan sistem · e-postayla anında teslim
Bu herkes için dövülmedi.
- Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
- Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
- Tahmin etmekten memnunsan, sana göre değil.
Arayüzleri tutarlı ve bilinçli gösteren, token odaklı, erişilebilir bir görsel temel isteyen tasarımcılar ve frontend mühendisleri için.
o zaman bu senin için dövüldü.Hangi AI ile çalışır
Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.
- Claude Yerleşik biçim
- ChatGPT Açık standartla uyarlanır
- Gemini Açık standartla uyarlanır
- Cursor Açık standartla uyarlanır
- Copilot Açık standartla uyarlanır
Aklındakini yakala.
hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar
-
Marka renklerimiz ve fontlarımız zaten var, bu paket yine işe yarar mı?
Evet, elinizdekini değiştirmek yerine sisteme dönüştürür. Marka varlıklarınız anlamsal token olur, tipografiniz modüler ölçek ve akışkan clamp() boyutlandırması kazanır, renkleriniz tahmin yerine doğrulanmış kontrast oranları ve karanlık mod stratejisiyle gelir.
-
Boşlukları göz kararı ayarlayabiliyorken matematiksel ölçeğe neden ihtiyacım var?
Göz kararı tek ekranda işler, kırk ekranda dağılır. Modüler tip ölçeği ve 8 noktalı boşluk ızgarası her kenar boşluğuna ve yazı boyutuna savunulabilir tek bir kaynak verir; bu sistem üzerine kurulan arayüzlerin bilinçli görünmesinin nedeni budur. Bölüm yoğunluğu hiyerarşisi de uzun sayfaları tekdüzelikten kurtarır.
-
Logo, illüstrasyon veya marka kimliği üretir mi?
Hayır. Kimliğin altındaki görsel sistemi kurar: tipografi token'ları, boşluk düzeni, erişilebilir paletler, ikonografi boyutlandırması ve bileşen türleri. Markanın kendisini, logoyu, sesi ve sanat yönetimini yaratmak ayrı bir yaratıcı iştir.
-
Nasıl teslim edilir?
Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.
-
Tek seferlik mi, abonelik mi?
Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.
-
İade alabilir miyim?
Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.