Arayüzün ortak dili.

AcunSoft ürünlerinin daha tutarlı, erişilebilir ve hızlı geliştirilmesi için oluşturulmuş yaşayan tasarım sistemi.

Kararlı sürüm Son güncelleme · 7 Ekim 2026

Netlik önce gelir

Her öğe, kullanıcının bir sonraki kararını kolaylaştırmalı; dekorasyon içeriğin önüne geçmemeli.

Ritim tutarlıdır

4 piksel tabanlı ölçek; yoğun ekranlardan geniş anlatılara kadar aynı görsel ritmi korur.

Geri bildirim görünürdür

Hover, focus ve durum değişimleri; sakin ama belirgin ipuçlarıyla etkileşimi güvenli kılar.

Tipografi

Bilgi hiyerarşisini hızla taranabilir kılan dengeli bir ölçek.

Public Sans · DM MonoBaşlıklar − 600Gövde − 400Etiketler − 600

32 Display24 Başlık16 Gövde14 Arayüz

Spacing

Boşluklar rastlantısal değil; bileşenler arasında ilişki kuran bir ritimdir.

14px

28px

416px

624px

832px

1248px

Renkler ve sınırlar

Yüzeyleri ayıran ince çizgiler, karar anlarını vurgulayan kontrollü renk.

Ana renk (primary)#696BFE · brand-600

Vurgu#EC4899 · accent-500

Başarı (success)#42D697 · emerald-500

Bilgi (info)#45B8F4 · sky-500

Uyarı (warning)#F9C74F · amber-500

Tehlike (danger)#FE696A · red-500

İkincil (secondary)#8592A3 · secondary-500

Koyu (dark)#2B2C40 · dark

Açık (light)#F5F5F9 · light

Mürekkep#16162A · gray-900

Navigasyon

Konumu açık eder, odağı korur ve hareketi öngörülebilir kılar.

Kartlar

Bilgiyi bağlamından koparmadan, karar verilebilir parçalara ayırır.

Hover ve focus

Her etkileşim fare, klavye ve dokunmada anlaşılır kalır.

Kod ve örnek alanları

Önizleme ile uygulama kodu aynı bağlamda, gereksiz gürültü olmadan sunulur.

            
            acun:button
        
            <acun:button size="lg">
    Projeyi oluştur
    <acun:icon name="arrow-right" size="4" />
</acun:button>