Tasarım sistemi
Tüm ekranlar bu altı token ve üç yazı ailesine bağlı.
Renk tokenları · OKLch
bg0.981 · 250
surface1.000 · 0
fg#12263A
muted0.528 · 250
border0.918 · 250
accent0.655 · 40
Vurgu bütçesi ekran başına iki örnek. Koyu sheet üzerinde birincil buton beyaz dolgu + lacivert metin (16:1); açık yüzeyde mercan dolgu + beyaz metin (5.0:1). Gövde metni her iki zeminde de en az 4.5:1.
Tipografi
Display · Sora 600
Şoförün 5 dakikada kapında.
Gövde · Inter 400/500
Her şoförün ehliyeti, SRC ve psikoteknik belgesi doğrulanır.
Numerik · JetBrains Mono
₺420 · 14,2 km · 26 dk · 07 ABC 34
Ekranlar
Karta tıkla, ekranı tam boyutta ve etkileşimli aç.
Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Splash & Tanıtım
Otomatik açılış, üç slaytlık tanıtım, atla seçeneği.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Giriş & SMS Doğrulama
Telefon biçimlendirme, 6 haneli otomatik odaklı OTP, tekrar gönder sayacı.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Ana Ekran · Harita
Adres arama, yakındaki şoförler, Şoför Çağır / Kurye Gönder kartları.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Konum Seçimi
Nereden / nereye, kayıtlı Ev–İş adresleri, sürüklenebilir harita pini.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Talep Özeti
Ücret dökümü, ödeme yöntemi, promosyon kodu, ileri tarihli rezervasyon.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Şoför Aranıyor
Radar bekleme, geçen süre, 15 sn eşiğinde gecikme uyarısı, iptal.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Canlı Takip · Anahtar Teslimi
Yolda → kapında → yolculukta üç faz; teslim kodu, güvenlik şeridi, GPS kesinti durumu.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Yolculuk Bitti · Değerlendirme
Ücret özeti, yıldız puanlama, etiketler, yorum ve bahşiş.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Kurye Talebi
Paket boyutu, fotoğraf ekleme, alıcı bilgileri, adresler, ücret.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Gönderi Takip
Alındı → yolda → teslim edildi çizelgesi, kurye konumu, fotoğraf görüntüleyici.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Geçmiş
Yolculuk ve gönderi sekmeleri, durum rozetleri, makbuz indirme.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Profil
Kayıtlı kartlar, adresler, bildirim anahtarları, destek ve yasal metinler.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Boş · Yükleniyor · Hata
Üç cihaz yan yana: boş bildirim listesi, iskelet yükleme, şoför bulunamadı hatası.Sırada
Aynı token seti ve çerçeve altyapısı üzerine kurulacak.