kolaytercih/docs/ekip-raporlari/2026-10-09/deneyim-dili-1-dalga.md

Deneyim dili, 1. dalga (9 Eki 2026, dal v2)

Bilal'in isteği: landing bir deneyim versin, site "web uygulaması" gibi hissettirsin; zevki belgelere ve ajanlara işlensin. Commit atılmadı; hepsi çalışma ağacında.

Yapılan

Kurallar

• docs/tasarim/DESIGN.md: yeni §11 (referans vakalar, ilkeler, dışarıdan parça alma, kontrol listesi), §4.34 logo biçimleri, §4.35 adım göstergesi, §4.36 baloncuk menü, §4.37 uçuş ve rozet; §4.1, §6, §10.2 güncel.
• AGENTS.md "Deneyim dili" bölümü; .claude/agents/tasarimci.md ve kolaytercih-tasarim skill'i §11'e bağlı, bayat yerleri düzeltildi; evals.md'ye E4.
• scripts/tasarim-denetim.ts: yabanci-hareket-paketi (hata), elle-cta, elle-yay (uyarı).
• components.json: @react-bits kaydı.

Ortak parçalar

• Button variant="cta" ve "ikincil"; landing, sihirbaz ve profil kapısı bunlara geçti.
• AdimGostergesi (src/components/ui/adim-gostergesi.tsx): sihirbazda eski çubuğun yerinde, iskeleti eşlendi.
• hareket.ts: YAY.adim, EGRI.gucluCikis, EGRI.yerlesme; CSS'te --egri-*.
• Logo morph'u v1-beta-tema'dan taşındı (tema geçişi, D kısayolu); üstüne logoTepkisi("sira" | "ekle" | "tamam").
• Sayfa geçişi (sayfa-gecisi.tsx, experimental.viewTransition), manifest.ts + iki SVG ikon.

Navbar

• Telefonda tek satır: logo · sıralama hapı · baloncuk menü (mobil-menu.tsx).
• Listem düğmesi boşken de görünür, 24'lük halka taşır; + ile eklemede kare rozete uçar, tik çizilir.

Landing

• Hero girişi sıralı (harita → başlık → form); harita telefonda da görünür.
• Profilli hero'da kupa + sıra ve liste durumu hapı; gönderirken "Hazırlanıyor…".
• "Nasıl çalışır" çizgisi maviyle dolar, üç sayı ekrana girince döner; "Meraklısına" ikincil bağlantıya indi.

Ekranda bakılan (yerel dev sunucusu, koyu tema ağırlıklı)

• 375 px: tek satır üst çubuk, baloncuk menü açık/kapalı, sihirbaz 1. ve 2. adım (tik + çizgi dolumu), hero + harita.
• 1280 px: üst çubuk ve halka, /sonuc'ta iki ekleme (tik, rozet 2), tema açığa geçiş ve logonun güneş biçimi, /sonuc → / geçişi (konsol temiz), "Nasıl çalışır" dolu çizgiler (açık tema).
• Düzeltilen: gösterge kapatma çarpısının altına giriyordu → pr-12.

Bakılmayan / yapılmayan

• Bakılmadı: 768 ve 1024 px; hareketi azalt; klavye gezinmesi; uçan karenin havadaki hâli; kürsü ve deste biçimleri; sayfa geçişinin Safari'deki görünüşü.
• Plandan kalan: telefonda arama ve sıralama kapısının alt sayfaya taşınması; aramada ok tuşları, sonuç sıralı girişi, piksel dilli boş durum; profil kapısına ve soru formuna yeni gösterge (kapıda iç içe iki gösterge olurdu); karşılaştırma satırlarının sıralı girişi; hero başlığında yazı dönüşümü.
• pnpm build ve pnpm lint geçti (denetim 0 hata, 51 uyarı; 30'u yeni elle-cta/elle-yay, 2. dalganın listesi).
• Var olan sorun (bu işten değil): ana sayfada VeriAkisi hydration uyarısı (ondalık yuvarlama farkı).
• Test izi: localhost:3000'de tema açığa alındı ve listeye iki program eklendi (girişli oturumda yerel DB'ye de yazılmış olabilir).