Kedetek — Satu Perangkat. Banyak Ketenangan.
Bahasa desain mobile-first untuk aplikasi pemantauan kendaraan: tenang, sederhana, premium. Semua warna, tipografi, dan komponen di bawah berasal dari satu set token.
Warna
Token warna — jangan gunakan nilai mentah di kode.
Brand
brand-50
brand-100
brand-300
brand-500
brand-600
brand-800
Status kendaraan
moving
idle
online
offline
Permukaan & teks
canvas
surface
surface-muted
line
ink
muted
Umpan balik
success
warning
danger
accent-400
Tipografi
Plus Jakarta Sans — skala ringkas untuk layar kecil.
text-metric48 km
text-displayBeranda Kendaraan
text-titleRiwayat Perjalanan
text-bodyKendaraan Anda sedang bergerak di Jl. Perintis.
text-labelTerakhir diperbarui 2 menit lalu
text-captionDD 1234 AB
Tombol & kontrol
Variasi melalui prop variant/size, bukan kelas lepas.
Status & data kendaraan
BergerakBerhentiOnlineOfflinePeringatan
Jarak48km
Durasi1j 20m
Rata-rata36km/j
Bahan bakar18%
Formulir, pesan & keadaan kosong
liter
Sesuai struk SPBU.km
Odometer tidak boleh lebih kecil dari sebelumnya.Geofence aktif3 area aman sedang dipantau.
Perangkat terhubungGPS online 2 menit lalu.
Masa aktif hampir habisPerpanjang sebelum 30 September.
Alarm gerakKendaraan bergerak di luar jadwal.
Belum ada kendaraan
Tambahkan kendaraan pertama Anda untuk mulai memantau.
Layar contoh
Komponen disusun menjadi beranda kendaraan.
09.41Beranda100%
Bergerak2 menit lalu
42km/j
Jl. Perintis Kemerdekaan, Makassar
Jarak48km
Durasi1j 20m
Total12.480km
Perjalanan hari ini
09.41Notifikasi100%
Pusat Notifikasi
Semua kabar penting kendaraan Anda