Tasarım Sistemi
Tüm sayfalar bu token ve bileşenleri kullanır. Yeni bir ekran eklerken buradaki sınıfları tekrar kullanın; sayfaya özel stil yazmayın.
Renk
Değerler assets/css/app.css içindeki CSS değişkenlerinden gelir.
Marka
--brand #14563c · birincil eylem
Mürekkep
--ink #0a1512 · başlık ve metin
Vurgu
--accent #b9ff6a · yalnızca koyu zeminde
Yüzey
--surface-2 · uygulama zemini
Tipografi
Plus Jakarta Sans · gövde 16px / satır yüksekliği 1.5 · uzun metin en fazla 68 karakter.
Başlık 1 — Dosyayla uğraşma
Başlık 2 — Teklif kalemleri
Başlık 3 — Ödeme koşulları
Gövde metni. Türkçe karakter kontrolü: ğüşıöçĞÜŞİÖÇ. Satır uzunluğu okunabilirlik için sınırlıdır.
Yardım metni · --t-sm 13px
Butonlar
Tüm butonlar en az 48px yüksekliğinde; dokunma hedefi 44px kuralını karşılar.
Durum rozetleri
Kullanıma hazır
Beta
Yakında
Yeni
Cihazda çalışır
Durum yalnızca renkle değil, her zaman metinle de bildirilir.
Bildirimler
TamamlandıPDF kaydedildi.
DikkatBu araç yalnızca basit tablolarda güvenilir sonuç verir.
HataDosya geçerli bir PDF gibi görünmüyor.
Bilgiİşlem tarayıcınızda çalışır, dosya sunucuya yüklenmez.
İpucu kutusu · form altındaki biçim açıklamaları için.
Form alanları
Sayı olarak okunamadı.
Adım göstergesi
- 1 Excel yükle
- 2 Sütunları kontrol et
- 3 Temayı düzenle
- 4 Önizle
Dosya alanı ve boş durum
Boş durum · ne olacağını anlatır ve tek net eylem sunar.