WEGS — Tasarım Sistemi & Layout Shell v0.5

1 · Renk Paleti

Tüm renkler CSS değişkenlerinden gelir; palet dışı renk üretilmez.

--brand

#1274C5 · primary — logo mavilerinin köprüsü

--brand-soft

#E9F3FC · seçili satır, soft badge

--accent

#23AAE1 · logodan birebir — vurgu, grafik 2. seri

--navy / --ink

#0F3156 · logodan birebir — sidebar, ana metin

--muted

#5B7089 · ikincil metin

--line

#DFE7F0 · tüm border'lar

--success

#0FA968 · aktif, pozitif

--warning

#B45309 · riskli, geciken

--danger

#D93843 · churn, hata, iptal

--purple

#6E56CF · AI / asistan öğeleri

2 · Tipografi

Yalnızca Inter; yalnızca bu kademeler kullanılır.

Sayfa başlığı · 22px / 700

Müşteri Operasyonları Paneli

Bölüm başlığı · 15px / 650

Aylık Tahsilat Özeti

Gövde · 13.5px / 450

Aydın Tekstil San. Tic. Ltd. Şti. için Pro paket lisansı 14.08.2026 tarihinde yenilenecek.

İkincil / etiket · 12px / 500

Son güncelleme: 22.07.2026 · Kaynak: Finans servisi

KPI rakamı · 26px / 750

₺2.847.500

Badge & buton · 12.5px / 600

Ödeme Alındı

3 · Butonlar

Yükseklik 36px, dolgu 0 14px, radius 8px. Tehlikeli işlemler her zaman danger.

4 · Form Elemanları

36px yükseklik, label üstte. Masaüstünde 2 kolon grid, mobilde tek kolon.

Firma Ünvanı *

VKN / TCKN *

Odak (focus) durumu örneği

Paket

Yetkili E-posta *

Geçerli bir e-posta adresi girin.

5 · Badge'ler

Soft zemin + koyu metin, radius 999px. Semantik eşleme sabittir.

Aktif Ödeme Alındı Deneme Onboarding Ödeme Gecikmiş Churn Riski İptal Senkron Hatası AI Önerisi Pasif

6 · KPI Kartları

Masaüstünde 4 kolon → tablette 2 → mobilde 1 (auto-fit / minmax).

Aktif Workspace

1.248

▲ %8geçen aya göre

Aylık MRR

₺2.847.500

▲ %12geçen aya göre

Açık Destek Talebi

37

▼ %15geçen aya göre

Churn Oranı

%2,4

▼ %0,3geçen aya göre

7 · Filtre Çubuğu + Tablo

Tablette yatay scroll; mobilde satırlar kart görünümüne döner, filtreler tek butona toplanır.

Müşteri	Paket	Workspace	Aylık MRR	Son Aktivite	Durum
AT Aydın Tekstil San. Tic. Ltd. Şti. VKN 4820156937	Pro	3	₺4.850	21.07.2026	Aktif
KG Karadeniz Gıda Paz. A.Ş. VKN 5310248765	Enterprise	8	₺12.400	22.07.2026	Aktif
YE Yılmaz Elektronik Tic. Ltd. Şti. VKN 9640781253	Başlangıç	1	₺0	22.07.2026	Deneme
DO Demir Otomotiv Yedek Parça Ltd. Şti. VKN 2750419683	Pro	2	₺4.850	15.07.2026	Ödeme Gecikmiş
EK Ege Kozmetik San. A.Ş. VKN 8125093467	Pro	4	₺6.320	20.07.2026	Aktif
ÖM Öztürk Mobilya Dekorasyon Ltd. Şti. VKN 6093247815	Başlangıç	1	₺1.290	02.07.2026	Churn Riski
MY Marmara Yapı Kimyasalları A.Ş. VKN 3481672905	Enterprise	6	₺9.750	22.07.2026	Aktif
ŞT Şahin Tarım Ürünleri Ltd. Şti. VKN 7412085936	Başlangıç	1	₺0	28.06.2026	İptal

8 · Sekmeler & Seçim Kontrolleri

Detay sayfalarında sekme yapısı; formlarda checkbox, radio ve toggle.

Aktif sekme içeriği bu alanda gösterilir; sekme çubuğu mobilde yatay kaydırılır.

E-posta bildirimi SMS bildirimi Aylık Yıllık Otomatik yenileme Deneme uzatma

9 · Uyarı Kutuları & İlerleme

Sayfa içi bilgilendirme için 4 semantik varyant; süreç takibi için progress bar.

BilgilendirmeKaradeniz Gıda Paz. A.Ş. için Enterprise teklifi 25.07.2026 tarihinde sona erecek.

İşlem başarılıEge Kozmetik San. A.Ş. lisansı ödeme sonrası otomatik aktive edildi.

DikkatDemir Otomotiv'in ₺4.850 tutarındaki faturası 8 gündür gecikmiş durumda.

Senkron hatasıÖztürk Mobilya — Trendyol entegrasyonu son 3 denemede başarısız oldu.

Onboarding tamamlanma%75

Aylık tahsilat hedefi₺2.847.500 / ₺3.000.000

Kontör kullanımı%88

10 · Grafikler

Tüm grafikler statik inline SVG olarak çizilir; seri renkleri --brand ve --accent'ten gelir.

MRR Gelişimi

Son 7 ay, ₺ bin

Toplam MRR Expansion MRR

Yeni Workspace

Aylık kayıt adedi

Bu ay: 128 workspace

Paket Dağılımı

Aktif workspace bazında

Pro — %46 Başlangıç — %32 Enterprise — %22

11 · Stepper, Pagination & Aksiyon Menüsü

Onboarding adımları, tablo sayfalama ve satır sonundaki "⋯" menüsünün açık hali.

Hesap Kurulumu

Entegrasyon Bağlantısı

3

Veri Aktarımı

4

Eğitim

5

Canlıya Geçiş

248 kayıttan 1–25 gösteriliyor

Tablo satırındaki "⋯" butonuna tıklanınca açılan menü. Menü kartla aynı gölgeyi kullanır; tehlikeli aksiyon her zaman ayraçla ayrılır ve danger renginde gösterilir.

12 · Modal & Boş Durum

Onay modalı (radius 16px, karartılmış zemin üzerinde) ve liste boş durum deseni.

Henüz teklif yok

Bu müşteri için oluşturulmuş bir teklif bulunmuyor. İlk teklifi oluşturarak satış sürecini başlatın.

13 · Müşteri Modülü Componentleri v0.2

Müşteriler modülünde doğan ve tüm modüllerde ortak kullanılacak componentler.

Sağlık Skoru, Ürün Çipleri & Sahip Hücresi

82

58

31

GoCommerceBankingCollect

ZK

Zeynep Kaya

Skor eşikleri: ≥70 success · 40–69 warning · <40 danger. Bar genişliği skora eşittir.

Kişi Kartı & Bilgi Satırı

HA

Hakan Aydın Birincil

Genel Müdür · Karar Verici

0532 415 78 90 · hakan@aydintekstil.com

VKN4720056891

SegmentKOBİ

Kayıt Tarihi03.02.2024

AI Kartı

Öneri

AI özet ve öneri içerikleri her zaman purple sol şeritli kartta gösterilir; her öneri satırının sağında ghost aksiyon bulunur.

Yenileme görüşmesi planla

Zaman Çizelgesi (tür badge'li)

Bugün · 09:05 Arama

Zeynep Kaya yenileme görüşmesini planladı.

Dün · 16:40 Ödeme

Temmuz faturası ₺18.500 tahsil edildi.

21.07.2026 Destek

#4821 kritik önceliğe yükseltildi.

Mini Tablo (kart içi) & Sekme Uyarı Sayacı

Ürün / Paket	Seat	Bitiş	Durum
WEGS CommercePro · Yıllık	5/8	11.08.2026	18 gün kaldı
WEGS GoBaşlangıç · Yıllık	3/5	14.02.2027	Aktif

Kolon Görünürlüğü Dropdown'ı

Liste ekranlarında "Kolonlar" butonuna bağlanır; varsayılan set işaretli, opsiyoneller boş başlar. Mobilde gizlenir.

Geri Bağlantısı, Seçili Satır & Form Ekleri

Müşteri Listesine Dön

Seçili tablo satırı .row-selected ile brand-soft zemin + sol 3px brand şerit alır. Form setine .textarea, .form-actions (sağa yaslı buton grubu, mobilde tam genişlik alt alta) ve .sticky-col (form yanında yapışkan özet kolonu) eklendi.

14 · Müşteri Başlık Kartı & Slide-over v0.2

Detay sayfası başlığı ve listelerden açılan 420px hızlı önizleme paneli (mobilde tam ekran, sol üstte geri oku).

AT

Aydın Tekstil San. Tic. Ltd. Şti.

VKN 4720056891 · İstanbul · Tekstil · Kayıt: 03.02.2024

Aktif KOBİ

ZK

Zeynep KayaMüşteri Sahibi

Slide-over İç Yapısı (statik örnek)

Gerçekte sağdan sabit açılır (.slideover). Yapı: başlık (monogram + unvan + kapat) → hızlı aksiyonlar (.so-quick) → istatistik grid'i (.so-stats) → bölümler → alt buton çubuğu (.so-foot).

AT

Aydın Tekstil San. Tic. Ltd. Şti.

VKN 4720056891 · İstanbul

Sağlık Skoru

82/100

MRR

₺18.500

15 · Toolbar, Filtre Satırı & Kolon Yönetimi v0.3

Liste ekranlarında 7. bölümdeki tek satırlık filtre çubuğunun yerini alır. Üst satır arama ve aksiyonlara, alt satır filtrelere ayrılır.

Toolbar

Kolon menüsü (açık hali)

Genişlik tutamağı & sıralanabilir başlık

Başlığın sağ kenarındaki ince çizgi .col-grip. Sürüklenince brand rengine döner; sıralama tıklamasını tetiklemez.

Firma ▲	MRR ▲	Sağlık
Aydın Tekstil San. Tic. Ltd. Şti.	₺23.400

Toolbar kuralıBir ekranda yalnızca tek primary buton bulunur. Kolon, dışa aktarma ve yenileme gibi düşük frekanslı aksiyonlar tek çerçeveli ikon grubunda toplanır; her ikon title ve aria-label taşır. Varsayılan dışında kolon açıldığında ikonun köşesindeki nokta yanar.

Kolon kuralıSatır kimliğini taşıyan ilk kolon ve aksiyon kolonu sabittir, kapatılamaz. Diğer tüm kolonlar tek tek açılıp kapatılabilir. Başlıkların sağ kenarındaki .col-grip tutamağı sürüklenerek genişlik değiştirilir, çift tıklamada sıfırlanır. "Filtreleri temizle" linki yalnızca aktif filtre varken görünür.

16 · Skor Kırılım Popover'ı v0.3

Bileşik skorları "kara kutu" olmaktan çıkarır. Listede skora tıklanınca popover olarak açılır, 360° ekranlarında aynı içerik kart olarak durur.

Tıklanabilir skor hücresi

Kesikli alt çizgi tıklanabilirliği ima eder; hover'da brand rengine döner.

Sağlık Skoru Kırılımı78/100

Kullanım · %35

85

Destek · %20

55

Finans · %20

80

Yenileme & Onboarding · %15

85

Entegrasyon · %10

80

DüşükKullanım güçlü; açık kritik ticket skoru sınırlıyor. Skor = Σ (grup puanı × ağırlık) · Eşikler: ≥70 iyi · 40–69 izlenmeli · <40 riskli

Aktivasyon Kırılımı · Merkez82/100

Kurulum & Onboarding · %30

100

İlk Değer Anı · %25

95

Kullanım Sıklığı · %20

70

İşlem Hacmi · %15

68

Entegrasyon & Seat · %10

40

Aktif kullanımYalnızca tek pazaryeri bağlı olduğu için entegrasyon puanı düşük. Skor = Σ (grup puanı × ağırlık) · Eşikler: ≥70 aktif · 40–69 kısmi · <40 düşük

Kural: İki skor farklı seviyelere aittir ve karıştırılmaz. Sağlık skoru müşteriye, aktivasyon skoru workspace'e aittir. Alt puanların ağırlıklı toplamı her zaman ana skoru vermelidir. Ağırlıklar Admin Ayarları'ndan yönetilebilir olmalıdır.

17 · Müşteri ↔ Workspace Componentleri v0.3

Bir müşterinin birden fazla workspace'i olabilir. Bu ilişkiyi listede, panelde ve detay sayfasında gösteren componentler.

Nokta dizisi .ws-pips

Liste hücresinde kullanılır. Her nokta bir workspace, rengi o workspace'in durumu. Üstüne gelince özet ipucu çıkar, mobilde metne düşer. 6'dan fazlası "+n" olur.

2 1 aktif · 1 onboarding

5 3 aktif · 1 onboarding · 1 askıya alınmış

Workspace yok

Mini liste .ws-mini

Slide-over ve kart içinde müşterinin workspace'lerini listeler; satır tıklanabilir.

MerkezWS-10428 · Go, Commerce · ₺18.500

Aktif

İhracatWS-10502 · Go · ₺4.900

Onboarding

Bağlam şeridi + workspace seçici .ctx-bar

Workspace 360°'ın en üstünde durur. Müşteri kimliğini sabitler, altındaki seçici sayfanın hangi workspace'e göre şekilleneceğini belirler.

AT

Aydın Tekstil San. Tic. Ltd. Şti.

C-2041 · VKN 4720056891 · İstanbul · Tekstil

Sağlık skoru78

Müşteri MRR₺23.400

Workspace2

Workspace kırılımlı grup .grp-head

Lisans, onboarding ve destek gibi workspace'e ait kayıtları müşteri sayfasında gruplar.

İhracat WS-10502 · Başlangıç · Aylık Onboarding

Seat doluluk .seat · Grup etiketi .multi-tag

5/8

30/30

C-2041 · VKN 4720056891 · Aydın Holding

₺0₺12.900 risk altında

18 · Finans, İndirim & Yetki Tavanı v0.3

Ödeme ve fiyatlandırma ekranlarında kullanılan tutar özeti, indirim alanı ve rol bazlı yetki göstergesi.

Ödeme kalemleri .line-items

Kalem	Adet	Birim	İndirim %	Net
				₺2.295
				₺1.470

Tutar özeti

Ara toplam₺6.250

Kalem indirimleri−₺505

Genel İndirim

Kullanılan indirim16,1% / %40

Yetkiniz: en fazla %40 · Emre Yıldız · Admin

Genel indirim−₺500

Net tutar₺5.245

KDV %20₺1.049

Genel toplam₺6.294

Tavan aşımı hali

Kullanılan indirim40% / %40

Yetki tavanı %40 aşıldı, değer sınırlandırıldı.

Kural: İndirim yetkisi sert sınırdır: tavanı aşan değer anında tavana çekilir, onay akışına düşmez. Kalem indirimleri ile genel indirim aynı yetki havuzunu paylaşır; genel indirim, kalem indirimlerinden arta kalan payla sınırlıdır. Tavan Admin Ayarları > İndirim Yetkileri ekranından rol ve kişi bazında tanımlanır.

19 · Paket Seçimi, Form Düzeni & KPI Ekleri v0.3

Form sayfalarının iki kolonlu düzeni, paket seçim kartları ve KPI kartının yeni varyantları.

Paket seçim kartı .pick-card

Başlangıç

₺2.450 / ay

3 seat · WEGS Go
500 e-Fatura kontör
E-posta desteği

Pro Önerilen

₺6.900 / ay

8 seat · Go + Commerce
2.500 e-Fatura kontör
Öncelikli destek

Enterprise

₺18.400 / ay

25 seat · Tüm ürünler
Sınırsız kontör
Atanmış temsilci

Tıklanabilir KPI · seçili

1.248

842 müşteri

Success ikon çipi

1.086

▲ %2,8geçen aya göre

Nötr alt satır

68

41 sona yakın · 27 askıda

İstatistik şeridi .stat-grid

MRR

₺0

₺12.900 risk altında

Kural: KPI kartı ya delta (▲ success / ▼ danger) ya da nötr alt satır (.kpi-sub) taşır, ikisi birden değil. Yönü tartışmalı metriklerde — artışın iyi mi kötü mü olduğu bağlama bağlıysa — delta kullanılmaz, nötr kompozisyon bilgisi yazılır. Tıklanabilir KPI kartları listeyi filtreler ve seçili hali .is-active ile işaretlenir.

20 · Geri Bildirim & Prototip Kuralları v0.3

Aksiyon sonrası bildirim, ipucu balonu ve tek dosyada gezilebilir prototip üretiminin kuralları.

Bildirim .toast

Ekranın altında ortalanır, 2,8 saniye sonra kaybolur. Yalnızca tamamlanmış aksiyonlar için kullanılır; hata bildirimi için .alert tercih edilir.

Ödeme linki oluşturuldu ve müşteriye gönderildi.

İpucu balonu .tip

Dar hücrelerde özet bilgi verir. Tarayıcının kendi title balonu yerine kullanılır, çünkü yatay kaydırma kutusu içinde konumlanamaz. Dokunmatikte devre dışıdır; bilgi o kırılımda metin olarak yazılır.

1 aktif · 2 onboarding

Prototip kuralı: Bir modülün ekranları tek dosyada birleştirilebilir. Her ekran <section class="view"> içine alınır, aktif olan .is-active taşır. Geçişler data-go, bildirimler data-toast özniteliğiyle yönetilir. Bu "prototip katmanı" tasarım sisteminin parçası değildir; ekranlar ayrı dosyalara bölünürse ilgili script bloğu atılabilir, görsel katman etkilenmez.

21 · Terminoloji & Veri Modeli Kuralları v0.3

Tüm modüllerde aynı kavramın aynı kelimeyle karşılanması için sabitlenen terimler ve seviye kuralları.

Veri modeli

Müşteri grubu (opsiyonel) → Customer → Workspace → Product License. Araya üçüncü bir "şirket" katmanı eklenmez; grup şirket ihtiyacı opsiyonel üst etiketle karşılanır.

Seviye	Taşıdığı alanlar
Müşteri grubuopsiyonel	Grup adı, konsolide MRR, ortak sözleşme ve indirim
Customerfirma ana kaydı	Unvan, VKN, ticaret sicil, sektör, segment, şehir, sağlık skoru, müşteri sorumlusu, kaynak, yetkili kişiler
Workspaceoperasyon alanı	Workspace ID ve adı, owner, domain, durum, son giriş, aktivasyon skoru, seat, onboarding
Product License	Ürün, paket, seat, başlangıç–bitiş, aylık ücret

Sabitlenen terimler ve durum kümeleri

Konu	Doğru kullanım	Kullanılmaz
Firmadan WEGS tarafında sorumlu kişi	Sorumlu / Müşteri Sorumlusu	Sahip, Müşteri Sahibi, Account Owner
Workspace'in sahibi olan son kullanıcı	Owner	Sahip
Müşterinin ticari durumu	Müşteri Adayı · Aktif Müşteri · Eski Müşteri	Pasif
Workspace'in operasyonel durumu	Aktif · Onboarding · Trial · Sona Yakın · Askıya Alınmış	Müşteri seviyesinde tekrarlanmaz
Askıdaki workspace geliri	MRR'a sayılmaz; risk altındaki MRR olarak ayrı izlenir	Aylık MRR toplamına dahil etmek

Durum geçişiAskıya alma müşteriyi "Eski Müşteri" yapmaz; ilişki devam ediyordur. Askı, 90 günlük veri saklama süresini doldurduğunda müşteri kaydı otomatik olarak Eski Müşteri'ye geçer. Böylece geçiş kişisel yorum değil, sistem sonucudur.

22 · Pipeline Tahtası & Fırsat Kartı v0.4

Aşama bazlı kanban görünümü, kart üzerindeki tek rozet kuralı ve liste ↔ tahta geçişi.

Görünüm anahtarı .seg · Filtre çipi .chip-filter

Kural: .seg aynı verinin iki farklı sunumu arasında geçiş yapar (tahta ↔ liste); farklı veri kümeleri için kullanılmaz, onun için .tab vardır. .chip-filter tek tıkla açılıp kapanan filtreler içindir; üçten fazla çip kullanılmaz, gerisi .filter-select olur. Uyarı niteliğindeki çip .is-warning alır.

Tahta .board · Kolon .col · Fırsat kartı .kcard

Demo / Eğitim2

₺28.000/ay

Yılmaz Elektronik A.Ş.

₺18.400/ay

CommercePOS

19.08.2026 ZK

Ege Kozmetik Ltd. Şti.

₺9.600/ay

Commerce

Kapanış gecikti

26.07.2026·1× SA

Pazarlık1

₺16.900/ay

Beyaz Kağıtçılık San. Tic. A.Ş.

₺16.900/ay

GoB2B

Ödeme bekleniyor

04.08.2026 BD

Kaybedildi0

₺0/ay

Fırsat yok

Mini durum rozeti .flag

Ödeme bekleniyor Kapanış gecikti 16 gündür durgun 9 gündür durgun Lisans aktif

Tek rozet kuralı: Kartta aynı anda yalnızca bir .flag gösterilir. Öncelik sırası: bekleyen aksiyon (accent) → gecikmiş tarih (danger) → durgunluk (danger 14+, warning 7+) → kapanış durumu (neutral). Rozet, karta bakan kişinin o an ne yapması gerektiğini söylemiyorsa yazılmaz; nicel detay karta değil detay sayfasına gider. .flag küçük ve kart içi kullanım içindir; satır ve başlık seviyesinde .badge kullanılır.

Kolon başlığı: Aşama adı + kayıt sayısı (.cnt) ve altında kolonun toplam MRR'ı. Kolonda üçüncü bir satır açılmaz. Tahta varsayılan olarak yalnızca açık aşamaları gösterir; kapanmış aşamalar bir çiple açılır. .pane / .pane.is-on, tek ekran içindeki görünüm değişimi içindir — ekranlar arası geçişte .view kullanılır.

23 · Aşama Kilidi, Canlı Modal & Seçim Kartı v0.4

Zorunlu alan tamamlanmadan geçişi engelleyen kilit penceresi ve içinde kullanılan alan/seçim componentleri.

Kilit penceresi .gate-list

İhtiyaç analizi notu *Demo / Eğitim

Demo / eğitim tarihi *Demo / Eğitim

Seçim kartı .radio-card

Birbirini dışlayan ve sonucu farklı iki yol arasında seçim yaptırırken kullanılır. Basit evet/hayır için .switch, çoklu seçim için .dd-check tercih edilir.

Stepper kapanış varyantı .step.lost

Nitelikli

İhtiyaç Analizi

Demo / Eğitim

Teklif

Kaybedildi

Canlı modal: Shell'deki .modal statik görünümdür; çalışan prototipte .modal-wrap ile sarmalanır ve .open sınıfıyla açılır. Zemin rgba(15,49,86,.45), mobilde modal alttan tam genişlikte açılır ve aksiyon butonları alt alta gelir.

Kilit kuralı: Zorunlu alanlar, aşamaya girmek için gereken kanıtlardır ve olmuş bir işi belgeler (tarih, kayıt numarası, kişi). Bir alan aşama sırasında üretiliyorsa girişte değil, çıkışta istenir. Kilit yalnızca engellemez: eksik alanları aynı pencerede doldurtup geçişi tamamlar — kullanıcı başka bir ekrana gönderilmez. Aşamayı geri almak zorunlu alan istemez, ancak Audit Log'a yazılır.

24 · Aşama Kaydı & Satır İçi Düzenleme v0.4

Geçmişi ve o geçmişte toplanan veriyi aynı yerde gösteren, yerinde düzeltmeye izin veren kayıt kartı.

Aşama kaydı .stage-log Her aşamada geçen süre ve o aşamada toplanan bilgiler

Nitelikli Fırsat28.05.2026 · 12 gün

İhtiyaç Analizi09.06.2026 · 17 gün

Karar verici Nuri Demir · Genel Müdür Yrd.

İhtiyaç analizi notu 42 bayi, aylık 1.800 sipariş. Bayi sipariş portalı zorunlu.

Teklif15.07.2026 · 13 gündür bu aşamada

Bağlı teklif kaydı

Pazarlık

Teklif gönderim tarihi Aşama geçişinde istenecek

Satır düzenleme .line-edit

Ürün / Paket	Aylık
WEGS GoKurumsal · 20 kullanıcı	₺11.800

Aylık toplam₺19.700

Değişiklik kaydı .tl-diff · .tl-who

27.07.2026

Görüşme · Fiyat görüşmesi yapıldı, %8 iskonto talebi varBurak Demir

14.07.2026

Beklenen kapanış ertelendi15.07.2026 → 31.07.2026Burak Demir

09.07.2026

Teklif · Teklif CFO ve satın alma birimine iletildiBurak Demir

Kural: Bir alanın girildiği yer ile görüldüğü yer aynı olmalıdır. Kilit penceresinde toplanan her alan, ait olduğu aşamanın altında geri gösterilir ve orada düzeltilebilir; kullanıcı veriyi girdiği ekranı bir daha bulamıyorsa o veri ölüdür. Satır içi düzenleme tek alanlık düzeltmeler içindir; birden çok alanı birlikte değiştiren işler ayrı bir düzenleme ekranına gider. Kalem ikonu (.slog-edit) satır hover'ında görünür, mobilde her zaman açıktır. Her düzeltme aktivite çizelgesine eski → yeni değeriyle ve değiştiren kişiyle birlikte yazılır.

25 · Türetilmiş Veri Kuralı v0.4

Ekranda görünen her sayının kaynağı belli olur; yorum gerektiren tahmini gösterge kullanılmaz.

Gösterge → kaynak

Gösterge	Kaynağı
MRR	Ürün satırlarının aylık tutarları toplamı
Sözleşme değeri	MRR × sözleşme süresi + tek seferlik kalemler
DurgunlukX gündür durgun	Son aktivite kaydının tarihi ile bugün arasındaki fark
Erteleme sayacıX×	Tarihin ileri alındığı değişiklik kayıtlarının sayısı
Aşamada geçen gün	İki aşama giriş tarihi arasındaki fark
Gecikme uyarısı	Beklenen tarih < bugün ve kayıt hâlâ açık

Kaynağı görünmeyen sayı ekranda durmazBir gösterge elle girilmiş bir alandan besleniyorsa ya kaynağı kullanıcıya gösterilir (tooltip, kayıt listesi, zaman çizelgesi) ya da gösterge kaldırılır. "2× ertelendi" gibi bir sayı, hangi tarihten hangi tarihe geçildiğini söyleyemiyorsa güvenilir değildir.

Tahmini gösterge kullanılmaz: Kapanma olasılığı yüzdesi, ağırlıklı tahmin ve benzeri çarpımlar panelde yer almaz. Bunlar bir durumu ölçmez, bir varsayımı sayıya çevirir; kullanıcı da hangi varsayımın içeride olduğunu göremez. Yerine somut toplam konur: açık tutar, bu ay kapanan tutar, bekleyen teklif tutarı. Aynı gerekçeyle bir alanın hem girildiği hem hesaplandığı iki ayrı yer bulunmaz — tek kaynak kuralı geçerlidir.

26 · Hiyerarşi Ağacı ve Çoklu İlişki v0.5

Bir kaydın altındaki ağ ve bir kaydın bağlı olduğu birden fazla üst.

Ağaç · .ctree

Ege Bilişim Çözümleri Ltd. Şti.Bayi · BAY-014

61 aktif müşteri

Alt bayiler · 4

Denizli Merkez Ofis Bilişim Ltd. Şti.ABY-014-1 · Denizli

26 müşteri

Uşak Bilişim Danışmanlık Ltd. Şti.ABY-014-4 · sözleşme yenilenecek

3 müşteri

Tüm 38 SMMM'yi gör →

Nokta rengi durumu taşır (success / warning / danger), tipi değil; tip alt satırda metinle yazılır. Ağaç iki seviyeden derin olmaz — daha derin yapı gerekiyorsa ilgili düğümün kendi 360° ekranına gidilir.

Çoklu ilişki · .rel-cell

SMMM	Bağlı kanal
SMMM Mehmet Yılmaz	Ege Bilişim Çözümleri+2
Yıldırım Mali Müşavirlik Ltd. Şti.	Marmara Yazılım

Bir kayıt birden fazla üste bağlanabiliyorsa listede en baskın ilişki + sayaç gösterilir; tamamı detay ekranında açılır. Sayaç sadece bir bilgi çipidir, tıklanabilir değildir.

27 · Oran Hücresi ve Sistem Satırı v0.5

Tablo içinde yüzde okunabilirliği ve silinemeyen kayıtların işaretlenmesi.

.pct · tr.is-sys · .lock-ico

Kanal	Dönüşüm	Durum
W WEGS Merkezi KNL-000 · sistem kaydı	%68	Merkez Kaynak
KB Karadeniz Bilgi İşlem Ltd. Şti. BAY-032	%35	Düşük Performans

Oran hücresi rakamı önce, barı sonra verir — tarama sırasında göz rakama gider, bar yalnızca büyüklük hissi katar. Bar rengi eşiğe göre: %55 üstü nötr, %40–55 warning, %40 altı danger. Sistem satırı silinemeyen ve düzenlenemeyen kayıtları işaretler; zemini hafifçe farklıdır, adın yanında kilit ikonu taşır ve satır menüsünde yıkıcı aksiyon bulunmaz.

28 · Form Componentleri v0.5

Yüzlerce kayıt arasından seçim, tekrar eden alan grupları ve zorunlu alan takibi.

Aramalı kayıt seçici · .picker

Seçili hâl

EB

Ege Bilişim Çözümleri Ltd. Şti.

BAY-014 · Denizli · 4 alt bayi

Arama hâli

EB

Ege Bilişim Çözümleri Ltd. Şti.

BAY-014 · Denizli

Bayi

DM

Denizli Merkez Ofis Bilişim Ltd. Şti.

ABY-014-1 · Ege Bilişim'e bağlı

Alt bayi

W

WEGS Merkezi

KNL-000 · merkez kaynağı

Merkez

20 kayıttan fazlasında <select> kullanılmaz. Seçici her zaman kaydın kimliğini de gösterir (kod, şehir, bağlı olduğu üst) — yalnız unvan gösterilirse benzer isimli firmalar ayırt edilemez. Seçim yapıldığında alan monogramlı karta dönüşür ve temizleme butonu belirir.

Tekrarlanan blok · .sub-block

SA

Serkan Aktaş Birincil

Ad Soyad *

Telefon *

Aynı alan grubunun tekrarladığı yerlerde kullanılır. Blok başlığı monogram + ad + rol rozetini taşır; silinemeyen blokta kaldırma butonu pasif olur ve nedeni title ile verilir.

Kontrol listesi · .req-list

Tamamlanması gerekenler

Ticari unvanAdım 1

Birincil yetkiliAdım 2

Komisyon oranıAdım 3

Etki listesi · duracaklar

Bayi kullanıcıları giriş yapamaz

Hakediş ödemesi bloke edilir₺33.552

İki işi görür: form özet kolonunda eksik alan takibi (boş daire → yeşil tik) ve yıkıcı onay modallarında etki listesi (kırmızı çarpı → duracaklar, yeşil tik → etkilenmeyecekler). Etki listesi her zaman ikili verilir; sadece "ne duracak" göstermek kullanıcıyı olduğundan çok korkutur.

29 · Belge Satırı ve Geniş Modal v0.5

Dosya listeleri ve iş kuralı taşıyan onay ekranları.

Belge satırı · .file-row

Bayilik Sözleşmesi 2024–2027.pdf

2,4 MB · 01.03.2024 · Kaan Demirci

Vergi Levhası 2026.pdf

420 KB · 12.01.2026 · Nurten Bozkurt

Alt satır her zaman boyut · tarih · yükleyen sırasını izler. Belge önizlemesi gösterilmez; dosya adı yeterince açıklayıcı değilse ad düzeltilir, ikon çeşitlendirilmez.

Modal genişlikleri

.modal420px · tek soru, tek onay

.modal.is-wide460px · 3–4 alanlı kısa form

.modal.is-lg560px · iş kuralı taşıyan onay

Onay modalı "emin misin" diye sormaz, "ne olsun" diye sorar. Geri alınamaz veya geniş etkili işlemlerde modal şu sırayı izler: etki listesi → kapsam/davranış seçimi → neden → not → geri alınabilirlik notu → aksiyonlar. Bir işlem yalnızca onay istiyorsa .modal yeterlidir; .is-lg'ye geçiliyorsa içeride bir karar vardır.

Unvan yazdırma kullanılmazYıkıcı işlemlerde kullanıcıya kayıt adını yazdırmak yerine etkiyi görünür kılmak tercih edilir. Yazma zorunluluğu işlemi yavaşlatır ama anlamayı artırmaz.

30 · Geniş Tablo Davranışı v0.5

10+ kolonlu listelerde sabit kolonlar, genişlik sınıfları ve menü konumu.

Kurallar

Kural	Uygulama
Genişlik sınıfla verilirinline style ile değil	`.data-table.w-1220` · `.w-1300` · `.w-1360` · `.w-1440`
İlk kolon solda sabit	Yatay kaydırmada satır kimliği kaybolmaz
Aksiyon kolonu sağda sabit	`⋯` menüsüne ulaşmak için kaydırma gerekmez
Alt satırlarda menü yukarı açılır	`.row-menu.drop-up` · kart sınırında kırpılmaz
Açık menü öne çıkar	`td.td-action.is-open` · z-index 30
Mobilde hepsi geçersiz	Satırlar karta döner, `⋯` kartın sağ üstüne geçer

Inline min-width ve grid-template-columns kullanılmazInline style, media query'yi özgüllük nedeniyle ezer; tablo mobilde kart görünümüne dönemez, iki kolonlu grid tek kolona inmez. Her ikisi de sınıfla verilir.

Bayi	Bölge / Şehir	Müşteri	Kanal MRR	Dönüşüm	Komisyon	Bekleyen Hakediş	Durum
EB Ege Bilişim Çözümleri Ltd. Şti. BAY-014	Ege · Denizli	96 61 aktif müşteri	₺186.400	%64	%18	₺33.552	Aktif	360°'ı aç Askıya al
MY Marmara Yazılım ve Danışmanlık A.Ş. BAY-003	Marmara · İstanbul	134 88 aktif müşteri	₺241.900	%66	%20	₺48.380	Aktif	360°'ı aç

Yukarıdaki tabloyu yatay kaydırın: ilk kolon ve ⋯ yerinde kalır. Satır menüleri bu bölümde açık gösterilir (.section .dropdown kuralı), gerçek ekranlarda tıklamayla açılır.