Bileşenler
Ortak bileşenler tüm uygulamalarda aynı kaynaktan gelir. Aşağıdaki örnekler bileşenlerin gerçek stil dosyalarıyla çizilir.
Panel
Kayıt görüntüleme, düzenleme ve onay pencereleri tek panel bileşenini kullanır.
Kaydı sil
Kurallar
- Tarayıcının yerleşik onay kutusu kullanılmaz; onay da panelle sorulur.
- Görüntüleme paneli masaüstünde sabit genişliktedir; telefonda alttan açılan sayfa olur.
- Esc ve kapatma düğmesi paneli kapatır; odak, paneli açan öğeye döner.
- Kaydedilmemiş değişiklik varsa dışarı tıklamak paneli kapatmaz.
- Ekran klavyesi açıldığında alt düğmeler görünür alanda kalır.
Satır menüsü
Bir satırın işlemleri satırın sonundaki tek ⋯ düğmesinde toplanır; satırda birden çok işlem düğmesi dizilmez.
Kurallar
- Gölge yoktur; menü malzeme ve ince çizgiyle ayrılır.
- Enter, boşluk ve aşağı ok açar; yukarı/aşağı, Home ve End gezinir; Esc kapatır ve odağı düğmeye döndürür.
- Yıkıcı işlem kırmızıdır ve en alttadır.
- Kullanıcının yetkisi olmayan işlem listede hiç gösterilmez.
- Menüye tıklamak satırın kendi tıklamasını tetiklemez.
Sol menü
Her uygulamada sol menü aynıdır: açık ve dar iki genişlik, tek aç/kapa düğmesi, dar hâlde ipucu. Simgeler çizgiseldir; emoji kullanılmaz.
Açık / dar genişlik: 224 px / 72 px
Tablo
Tablolar ortak yoğunluk sınıflarını, boş satırı ve yükleniyor iskeletini kullanır.
| Tarih | Kalem | Miktar | Tutar |
|---|---|---|---|
| 2026-10-01 | Zeytinyağı, sızma | 120 L | ₺18.600,00 |
| 2026-10-02 | Cam şişe, 1 L | 400 adet | ₺4.200,00 |
| 2026-10-03 | Etiket baskısı | 1 iş | ₺950,00 |
| Kayıt yok |
Kurallar
- Yoğunluk tabloya verilir, hücreye değil.
- Dar ekranda tablo kart görünümüne geçer: başlık satırı gizlenir, her hücre kendi adını değerin üstünde taşır. Hiçbir sütun gizlenmez.
- Kart eşiği em cinsindendir; kullanıcı yazıyı büyütünce daha geniş ekranda devreye girer.
- Sayılar sağa yaslanır ve eş genişlikli rakam kullanır.
Rapor
Rapor ekranları ortak özet kutularını, tarih aralığı seçiciyi ve hata kutusunu kullanır.
Satış
₺23.750,00
Alış
₺9.150,00
Bakiye
₺14.600,00
Kurallar
- Özet kutusu bir etiket ve tek bir değer taşır; değer eş genişlikli rakamla yazılır.
- Para tek biçimleyiciyle yazılır: ₺1.234,56.
- Hazır aralıklar (bugün, bu ay…) çip olarak sunulur; seçili çip aksan rengindedir.
Kutular
Ana sayfadaki kısayol kutuları bir simge ve kısa bir ad taşır.
Kurallar
- Simge çizgiseldir ve aksan rengindedir; emoji kullanılmaz.
- Ad kısa tutulur ve kalın (600) yazılır.
- Kutular standart boşlukla dizilir; sütun sayısı ekran genişliğine göre artar.