Tasarım sistemi
Üç uygulama da 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
Şoför uygulaması bu altı tokenı koyuya devirir; kart, buton, liste ve harita motoru değişmeden çalışır. Koyu yüzeyde 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
BÖLÜM A — Müşteri Uygulaması
iOS · 13 ekran · açık tema, harita üzerinde koyu bottom sheet
Ö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 kesintisi.Ö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
Boş bildirim listesi, iskelet yükleme, şoför bulunamadı hatası.BÖLÜM B — Şoför / Kurye Uygulaması
iOS · 7 ekran · direksiyonda okunacak koyu tema, yüksek kontrast
Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Başvuru & Belge Yükleme
Çok adımlı form, beş belge durumu, inceleniyor ekranı.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Ana Ekran · Çevrimiçi
Büyük görev anahtarı, günlük kazanç şeridi, gece teması harita.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Yeni Talep Bildirimi
15 sn geri sayım halkası, kazanç, kabul/ret, zaman aşımı durumu.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Aktif Yolculuk
Navigasyon bandı, kaydırmalı başlat/bitir, alış → varış iki faz.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Kurye Teslimat Akışı
Teslim alma kontrolü, fotoğraf, alıcı onay kodu girişi.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Kazançlar
Günlük/haftalık dolgulu grafik, kalem dökümü, hakediş tarihi.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Boş · Yükleniyor · Hata
Kazanç boş durumu, iskelet yükleme, konum izni hatası.BÖLÜM C — Yönetici Web Paneli
Masaüstü · 6 ekran · 1440px, sol menü + üst bar, açık tema
Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Genel Bakış
Anlık KPI kartları, saatlik talep grafiği, başvuru kuyruğu, son talepler tablosu.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Canlı Harita
Şehir haritasında şoför ve talepler, filtre çubuğu, bölge dengesi paneli.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Şoför Yönetimi
Başvuru kuyruğu, belge önizlemeleri, geçerlilik uyarısı, onay/ret akışı.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Tarife Yönetimi
Bölge bazlı km/dk ücreti, gece çarpanı, canlı örnek hesap, kaydetme çubuğu.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.
Raporlar
Tarih aralığı, ciro/komisyon/hakediş tabloları, Excel dışa aktarma.Önizleme yüklenemediKarta tıklayıp ekranı doğrudan açabilirsin.