Tasarım handoff — 3E Akademi

Stil yönü: 3a "Kırma + Mürekkep" (onaylı örnek). Tüm değerler token setinden; token dışı renk/spacing kullanılmaz. Vue 3 + Inertia + Tailwind hedefi; breakpoint 375/768/1024/1440, hiçbir sayfa salt mobil değildir. Dış portallar bu tasarımdan; admin panel Filament'tir (kapsam dışı: kural motoru, parametreler, fiyat tabloları, eğitim kataloğu tanımı, auth yöntem ayarları, içerik paketi tanımı).

Dosya haritası — rol × sayfa

SİSTEM

Stil yönü + onaylı 3a kokpit 00 Tokenlar (Tailwind tablosu) 01 Form elemanları 02 Veri gösterimi (tablo→mobil) 03 Grafikler 04 Modal · drawer · toast 05 Navigasyon & çatı 06 Desen ekleri (segmented, kod chip'i, kilit…)

MÜŞTERİ PORTALI & ORTAK

10 Auth (ofis/müşteri ayrı) · KVKK · hatalar · profil 11 Dashboard + organizasyon/yetki 12 Personel + lokasyonlar 13 Teklifler + scroll-to-accept onay 14 Teklif isteği (katılımcı grupları) 15 Eğitimler + detay (yoklama/sınav) 16 Sertifika · içerik · fatura · duyuru 50 Katılımcı (magic link akışı)

OFİS PANELLERİ

20 Sorgulama + planlama kuyruğu 21 Planlama sihirbazı (5 adım + taslak detayı) 22 Eğitim detayı (KUMS kilidi, yoklama) 23 Takvim + tedarikçiler 30 Satış kokpiti (fırsat + CRM) 31 Teklif oluşturma + CRM detay (Postmark) 32 Müşteri kartı 33 Takvimim 40 Eğitmen kokpiti 41 Eğitim detayı + saha + masraf 61 Yönetici: eğitmen/satışçı yönetimi 62 Yönetici: muhasebe & cariler 63 Yönetici: kullanıcılar · loglar · onaylar

Rol → dashboard eşlemesi: planlamacı → 3a kokpit (Stil Yönü) · satışçı → 30 · eğitmen → 40 · müşteri → 11 · katılımcı → 50 (dashboard'suz, tek akış). Operasyon/üst yönetici ayrı kokpit almaz: rol bazlı menüyle planlamacı + satışçı kokpitlerinin tamamını görür, üstüne 61–63 (tanımlar, muhasebe, kullanıcılar/loglar/onaylar) açılır. Menü grupları yetkiye göre render edilir; yetkisiz kalem hiç çizilmez.

Bağlayıcı kurallar — implementasyon kontrol listesi

Statü modeli: Taslak (yalnız oluşturan) → Planlandı (satışa açık) → Bakanlık Onaylı (KUMS ID girilince — ID'siz bu statü yoktur) → Devam/Tamamlandı/İptal.

Kilitler nedenini söyler: KUMS ID, imzalı yoklama, sınav notları, çelişki çözümü, scroll-to-accept — pasif buton + koşul metni (desen: 06).

Semantik renk: mavi asla sorun anlatmaz; kritik/uyarı/dikkat sıcak tonlar. Dörtlü (dot/fg/bg/border) 00'da.

Limit aşımı akışı kırmaz: indirim/masraf/fiyat değişikliği → yönetici onayına (63 Onaylar); red her zaman gerekçeli.

Roller: planlamacı müşteri seçmez (satıştan gelir); satışçı yalnız planlı eğitimi satar ve atandığı müşteriyi görür; eğitmen belge yüklemez (yönetici yükler); katılımcılar eğitim sayfasında satış yönetir.

Teklif isteği modeli: katılımcı grubu bazlı — kişiler + yer + dönem + n eğitim; kalemler grup × eğitim; kalem bazlı + genel indirim (%/₺), denetim efektif % üzerinden.

Referans kodları: EGT/TKF/FTR-YYYY-NNNN her başlıkta kopyalanabilir chip; destek dili budur.

İletişim uçtan uca: teklif e-postaları Postmark'la çıkar, inbound yanıtlar teklife özel adresle otomatik eşleşir; e-postalar ve görüşme notları ayrı kartlar, zaman akışı drawer'ı filtreli.

Yoklama ikili: imzalı liste esas, beyanlar zaman damgalı ikincil; çelişki çözülmeden Tamamlandı olmaz. Video kaydı yalnız İdare ile paylaşılır.

Audit: kritik her işlem append-only loglanır, hassas değer maskeli; kullanıcı detayında kişi logları, 63'te sistem logu. Dondur/kısıtla gerekçeli, veri silinmez.

Erişilebilirlik: WCAG AA, 44px dokunma (mobil form 48px), focus ring 2px accent, tabular figures, uzun Türkçe etiket stratejisi (00).

Sidebar standardı: microcaps grup etiketi + hairline, grup başına ≤5 kalem; mobilde eğitmen/katılımcıda bottom-nav (≤5 hedef).

Açık kalanlar / sonraki adımlar

· Brief'teki tıklanabilir prototip akışları (giriş+2FA, müşteri onayı, planlama, masraf, magic link) — mockuplar hazır, istenirse prototipe bağlanır.

· Ofis ekranlarının 375px varyantları örneklem düzeyinde (eğitmen/katılımcı tam, müşteri girişte); kalan ekranlar aynı kurallarla daraltılır — tablo→kart dönüşümü 02'de tanımlı.

· Boş/hata durumları katalogda desen olarak tam; sayfa bazında çeşitleme implementasyonda bu desenlerden türetilir.

· e-Fatura entegratörü ve KUMS resmi entegrasyonu geldiğinde 62/22'deki manuel adımlar otomatikleşir — UI değişmez, durum rozetleri aynı.

· Logo kaynak SVG'lerindeki denge düzeltmesi (kart 125px, AKADEMİ varyantı) repo'ya taşınmalı — proje kopyaları design/assets/ altında.