İ
İKAME Design System
Foundation → Layout → Navigation → Information → Actions. İşletim sistemi önce var, componentler onun içinden doğuyor.
01
Foundation
Color Tokens
--paper
#FAFAF8
--surface
#FFFFFF
--paper-dim
#F0EEEA
--paper-border
#E6E2DA
--ink-900
#14161B
--ink-500
#6B7078
--ink-700
#3D424A
--ink-300
#A0A4AB
Semantik — Cüppe Renkleri (kutsal, değiştirilemez)
--navy-600
#1D3560
--robe-green
#1F8049 · PASS
--robe-red
#B3271D · FATAL
--amber
#C77E1F · HOLD
--robe-black
#14161B · MÜHÜR
Typography Scale
Minimum 12px. Hiçbir okunabilir metin bunun altına inmez.
18 / 700 Sayfa Başlığı — Page Title
16 / 600 Buton / Aksiyon — Button Label
15 / 500 Inline Action — Satır içi bağlantı
14 / 400 Gövde metni — Body text. Uzun oturumlarda göz yormayan.
13 / 500 Caption — Alan etiketi, yardımcı bilgi
12 / 400 ⬇ Meta — Minimum sınır. Bunun altı yasak.
Mono 13 2024/1847 · ₺ 847.000 · 22.07.2026
Mono 12 14:38 · v3 · FATAL · SOFT HOLD · PASS
Erişilebilirlik Kuralları
Tıklanabilir metin: WCAG AA (4.5:1) zorunlu — gri buton yazısı yasak.
Hit area: minimum 44px (Apple HIG). Quick actions: 40px.
Font floor: 12px. Bunun altına hiçbir UI metni inmez.
Spacing Scale
4
8
12
16
20
24
32
48
Radius
0
3
6
full
Elevation
e0
e1
e2
e3
02
Navigation
Breadcrumb
Müvekkil → Dosya → Belge hiyerarşisi. Her zaman kişiyle başlar.
Mehmet Yılmaz Ayıplı İfa Davası Cevap Dilekçesi
Ayşe Kara Miras Hissesi Veraset İlamı
Search / Command Palette
⌘K ile açılır. Ara + komut çalıştır tek alanda.
Ara veya komut… ⌘K
← resting state
Tree Item
Dosya ağacı elemanları. Açık/kapalı, aktif/pasif, badge destekli.
Ayıplı İfa Davası
Cevap Dilekçesi v3
Bilirkişi Raporu incele
Delil Listesi
Kira Alacağı Takibi
Workspace Switcher
Müvekkile ait çalışma alanları. Sayı badge'li, aktif state navy.
Dosyalar 5
Takvim 2
Tebligatlar 1
03
Information
StatusPill / RiskBadge
Yalnızca karar noktalarında görünür. Dekoratif kullanılmaz.
PASS
FATAL
SOFT HOLD
MÜHÜR
FATAL
Bilirkişi raporu hesaplama hatası.
SOFT HOLD ← §II
Zamanaşımı — kalan 2 yıl 4 ay
MetaField / PropertyList
Anahtar-değer çiftleri. Mono font data değerleri için.
Mahkeme Ankara 3. Asliye Hukuk
Esas No 2024/1847
Değer ₺ 847.000
Durum Bilirkişi Aşaması
Timeline
Zaman çizelgesi. Aktif node navy, risk node amber/red. Tıklanabilir — belgeyi ilgili bölüme kaydırır.
Dava açıldı
12.03.2024
Bilirkişi raporu
14.10.2024
İtiraz süresi
son: 26.10.2024
EvidenceRow (Desktop) → EvidenceCard (Mobile)
Aynı veri, farklı sunum. Adaptive component.
Desktop — Row
01 Sözleşme sureti 15.01.2023 mevcut
03 Bilirkişi raporu 14.10.2024 inceleniyor
Mobile — Card
Sözleşme sureti
15.01.2023 mevcut
Bilirkişi raporu
14.10.2024 inceleniyor
ActivityRow
Son işlemler. Timestamp + açıklama.
14:38 Dilekçe v3 kaydedildi
11:22 Bilirkişi raporu eklendi
dün EXIF raporu talep edildi
04
Actions
Button System
Min hit area: 44px · Font: 16/600 (Inline: 15/500) · WCAG AA zorunlu.
Mühürle Primary Secondary Ghost Inline Action Reddet
ButonArka planYazıBorderKontrast
Seal #14161B #FFFFFF 18:1 ✓
Primary #1D3560 #FFFFFF 10:1 ✓
Secondary #FFFFFF #14161B 1px #E6E2DA 18:1 ✓
Ghost transparent #3D424A 8.5:1 ✓
Inline transparent #1D3560 10:1 ✓
Danger red/6% #B3271D 7.5:1 ✓
Quick Actions
Belge alt bar. Ghost variant, min 40px hit area.
Geçmiş Paylaş Yazdır Arşivle
05
Context Engine
Sağ panel component değil, plugin. Her workspace kendi panelini enjekte ediyor. Aşağıdaki parçalar her workspace'te tekrar kullanılır.
ContextHeader
MY
Mehmet Yılmaz
Aktif Müvekkil
Son temas: 2 gün önce
5 dosya 2 duruşma 1 tahsilat
ContextSection + ContextItem
Aktif Dosyalar
Ayıplı İfa Davası
2024/1847 · Bilirkişi
Kira Alacağı Takibi
2024/2103 · İcra
06
Micro-Interactions
"Hiçbir etkileşim kullanıcının dikkatini dağıtmayacak. Her animasyon yalnızca çalışma hissini güçlendirecek."
Seal Stamp
Kaydet → Mühür vurulur. 0.4s.
SOFT HOLD Link
Belgede SOFT HOLD → panelde ilgili risk parlar.
SOFT HOLD
Zamanaşımı — 2 yıl 4 ay
AI Margin Note
Chat değil, belge kenarında marj notu. Kurşun kalem hissi.
…yapısal bozukluklar tespit edilmiştir.
Yargıtay 15. HD 2019/4421 ile uyumlu.
Risk Resolve
Kırmızı → amber → yeşil → mühür.
FATAL → PASS
07
Kurmay Mode Cards
7 analiz modu. Ortak yapı: 5px sol stripe · 11px kicker (uppercase, tracking 0.06em) · başlık · gövde · max 2 aksiyon butonu. Hiçbiri otomatik seçili gelmez — kullanıcı seçer → "Çalıştır" aktif olur.
Seçim Davranışı Demo
{{ km.label }}
Çalıştır Seçili: {{ selectedModeName }} Bir mod seçin
KARŞI VEKİL BAKIŞI
Aynayı Çevir
Karşı taraf vekili olsaydınız bu dosyada hangi zayıf noktaları hedef alırdınız? Savunma boşluklarını önceden tespit edin.
Analiz Et Dosyaya Git
ALTERNATİF STRATEJİ
Alternatif Strateji
A. İtiraz kabul → yeni bilirkişi → dava lehimize
B. Kısmen kabul → tutar düşer, sulh imkânı
C. İtiraz reddedilir → temyiz gerekir
Yol A ile Devam Karşılaştır
ÇELİŞKİ & EKSİK DELİL
Çelişkili İçtihat Mevcut
Yargıtay 15. HD 2019/4421 ile 2021/1187 arasında amortisman yöntemi konusunda çelişki. Eksik delil: bağımsız bilirkişi görüşü.
Kararları Karşılaştır
KENAR NOTU
Kenar Notları
Belge kenarında usul ve referans notları. Yargıtay 15. HD 2019/4421 ile uyumlu, TBK m.475 kapsamında değerlendirme yapıldı.
Notları Gör Belgeye Git
GECE VARDİYASI
Gece Vardiyası Raporu
Bilirkişi raporundaki hesaplama yöntemi Yargıtay 15. HD 2019/4421 ile uyumsuz. İtiraz stratejisi hazırlandı.
Stratejiyi Gör dün 03:14
MÜVEKKİL CEVABI
Müvekkil Cevabı
M. Yılmaz itiraz edilmesini istiyor. Telefon görüşmesinde teyit alındı. Müvekkil beklentisi: dava lehine dönmeli.
Görüşme Notu
DEVİR PAKETİ
Devir Paketi
3 delil mevcut, 1 inceleniyor. Bilirkişi itirazı hazırlanıyor. Zamanaşımı: 2 yıl 4 ay. Kritik risk: hesaplama hatası.
Devir Paketi Yazdır
Anatomy
Yapı (değiştirilemez)
5px sol stripe (üst şerit yasak) · radius-lg (12px kart) · border 1px
Kicker: 11px/600 mono uppercase · tracking 0.06em
Başlık: 14px/600 ink-900
Gövde: 13px/400 ink-700 · line-height 1.65
Aksiyonlar: max 2 · 32px height · radius-md (8px) · 12px/500
Stripe Renkleri (güncel)
aynayı çevirrobe-red
alt. stratejinavy-600
çelişki&eksikamber / robe-red
kenar notlarınavy-600
gece vardiyasıink-900
müvekkil cevabırobe-green
devir paketinavy-600
Davranış
Hiçbiri otomatik seçili gelmez
Kullanıcı seçer → "Çalıştır" aktif olur
Çalıştırılmadan sonuç alanı boş kalır
Sonuç alanı da aynı kart yapısında açılır
08
Evidence & Knowledge Layer
Ham confidence sayısı gösterilmez (§7 yasağı). Renk ipucu ile güven seviyesi aktarılır.
ConfidenceBadge
Pill formunda, 11px. Üç durum: Yüksek (≥0.90), Orta (0.75–0.89), Düşük (<0.75).
Güçlü
≥ 0.90 · robe-green-100 / robe-green-700
Destekleyici
0.75 – 0.89 · amber-100 / amber-700
Zayıf
< 0.75 · robe-red-100 / robe-red-700
Güçlü = birincil kaynak (Resmî Gazete, Yargıtay). Destekleyici = ikincil (doktrin, BAM). Zayıf = yerel mahkeme, doğrulanmamış — tek başına dayanak olamaz.
SourceList
Kaynak başlığı + confidence badge + kısa excerpt. TeyitCard içinde kullanılır.
Kaynaklar 4 kaynak
TBK m.475 — Ayıplı İfa
Kanun · mevzuat.gov.tr
Güçlü
Yargıtay 15. HD 2019/4421
İçtihat · E. 2019/4421 K. 2020/1287
Güçlü
Yargıtay 15. HD 2021/1187 ÇELİŞKİ
İçtihat · E. 2021/1187 K. 2022/0843
Destekleyici
Yerel Mahkeme Kararı
Karar · doğrulanmamış
Zayıf
ConflictAlert
Sol stripe amber/red + "Çelişkili içtihat mevcut" metni. TeyitCard içinde kullanılır.
Çelişkili İçtihat Tespit Edildi
Yargıtay 15. HD 2019/4421 ile 2021/1187 arasında amortisman hesaplama yöntemi konusunda farklı kararlar verilmiştir.
KARAR A 15. HD 2019/4421 %18 amortisman
KARAR B 15. HD 2021/1187 %12 amortisman
TeyitCard — Kalite Skoru + Dayanaklar
Üstte kalite skoru (büyük, net). Skora göre sol stripe: ≥85 robe-green, 70–84 amber, <70 robe-red. Altında dayanak listesi (SourceList). Confidence <0.75 kırmızı uyarı ile işaretli.
Ayıplı İfa · Cevap Dilekçesi v3
PASS
92 / 100
Kalite Skoru
Dayanaklar
TBK m.475
Güçlü
Yargıtay 15. HD
Güçlü
Bilirkişi Raporu
Güçlü
Kira Alacağı · İtiraz Dilekçesi
SOFT HOLD
76 / 100
Kalite Skoru
Dayanaklar
Sözleşme m.7
Güçlü
Yerel Mahkeme
Zayıf
Miras Hissesi · Veraset İlamı
FATAL
58 / 100
Kalite Skoru
Dayanaklar
Doğrulanmamış kaynak
Zayıf
Eksik belge
Zayıf
SealButton — 4 Durum
ready → navy-700 "Mühürle" · warning → amber "Onayla ve Mühürle" (modal çıkar) · blocked → ink-200 "Mühür kilitli" · sealed → robe-green "✓ Mühürlendi" (pasif).
Mühürle ready — navy-700
Onayla ve Mühürle warning — modal çıkar
Mühür kilitli blocked — tıklanamaz
✓ Mühürlendi sealed — pasif
09
Özet Sekmesi — Nabız Ekranı
Tek bakışta dosya durumu. Detay yok — sade, kompakt. Dosya başlığı, esas no, mahkeme, taraflar (maskeli), kritik süreler, son durum, kalite skoru, son 3 olay.
Ayıplı İfa Davası
Ankara 3. Asliye Hukuk · E. 2024/1847
76 /100
Davacı
A** İnşaat A.Ş.
Davalı
M***** Y*****
Kritik Süreler
İtiraz süresi
26.10 · 3 gün
Zamanaşımı
2 yıl 4 ay
Duruşma
28.10.2024
Son Durum
SOFT HOLD
Son 3 Olay
14:38 Dilekçe v3 kaydedildi
11:22 Bilirkişi raporu eklendi
dün EXIF raporu talep edildi
10
GhostText Görsel Kuralları
%40 opak inline tahmin. TAB kabul, ESC reddet. Öneri metni açık gri + italik. Kabul edilince normal ink rengine döner. Sağda küçük "Kanun önerisi" ipucu çıkabilir (çok hafif).
Ghost — Öneri Aktif
TAB kabul ESC reddet
2. Davacının iddia ettiği yapısal bozukluklar, kullanım hatasından kaynaklanmakta olup, bu husus tarafımızca sunulan EXIF verileri ve teknik inceleme ile ortaya konmuştur. Nitekim Yargıtay 15. HD 2019/4421 sayılı kararında da benzer durumda
Kanun önerisi · TBK m.475
Ghost — Kabul Edildi (TAB)
…kullanım hatasından kaynaklanmakta olup, bu husus tarafımızca sunulan EXIF verileri ve teknik inceleme ile ortaya konmuştur.
Ghost — Reddedildi (ESC)
…kullanım hatasından kaynaklanmakta olup,
Ghost Spec
Görsel
Öneri metni: ink-300 (#A0A4AB) + italic + opacity 0.6
Kabul: normal ink-900 rengine döner (transition 0.15s)
ESC: metin kaybolur, imleç kalır
Sağ ipucu: ink-300, 10px, italic, çok hafif bg
Kurallar
Uydurma bilgi üretemez — yalnızca dosya bağlamı
Öneri sırasında kullanıcı yazmaya devam ederse öneri düşer
Öneri kaynağı varsa sağda gösterilir (opsiyonel)
11
Genel UI Disiplini
Yapısal Kurallar
Sol stripe her zaman 5px (üst şerit yasak)
Radius: butonlar radius-md (8px), kartlar radius-lg (12px)
Font: sadece Inter + JetBrains Mono
Raw hex yasak, sadece token
Tek ekran = tek iş
Yasak Listesi
Glassmorphism / gradient / neon
AI Avatarı / Sohbet Balonu
Confidence Score / AI %
Dashboard / KPI / CRM / Chat UI
"Merhaba nasıl yardımcı olabilirim?"