◀ Semua skrin
SISTEMS-01 Sistem reka bentuk
ASAS REKA BENTUK

Sistem reka bentuk

Semua token di halaman ini diangkat terus daripada app/globals.css dalam source code sedia ada — bukan direka semula. Reka bentuk baharu memanjangkan perbendaharaan yang sama supaya ia kelihatan asli dari hari pertama.

Palet

Teras jenama
Purple#5d2fa5 · tindakan utama
Plum#241044 · tajuk, sidebar
Yellow#ffe252 · penekanan
Coral#ff785a · segera
Pastel sokongan
Pink#ffc8df
Sky#b9e5ff
Mint#c9f1df
Lavender#f0e9fa
Makna semantik
BerjayaDisahkan, dibayar, sah
MenungguKira detik, ditahan, perlu semakan
BerhentiGagal, ditolak, tiada refund
MaklumatPolisi, penjelasan, panduan

Tipografi

Plus Jakarta Sans · paparan
Ruang bermain untuk anak Tajuk seksyen Tajuk kad Sub-tajuk Label kad

Berat 700–800 · jarak huruf −.03em hingga −.06em · warna plum

Nunito Sans · badan teks

Teks utama 14px — digunakan untuk penerangan, polisi dan mesej yang perlu dibaca dengan tenang.

Teks sekunder 12.5px — butiran sesi, alamat, waktu.

Teks kecil 11.5px — nota kaki, cap masa, panduan medan.

Label huruf besar 9.5px

Berat 400–900 · ketinggian baris 1.5–1.7

Butang

Utama · satu setiap skrin

Sekunder & merosakkan

Saiz

Butang skrin telefon sentiasa sekurang-kurangnya 44px tinggi untuk sasaran sentuh.

Medan borang

Teks pemegang tempat
Nurul Aisyah
5 tahun
Sesi ini menerima 1–4 tahun sahaja.
1 – 4 tahun
PoskodNama centre
1 thn2 thn3 thn
Alahan atau nota lain
Kotak semak dipilih Kotak semak kosong
Baris radio dipilihDengan sokongan penerangan

Cip status & amaran

Cip
Neutral Disahkan Tinggal 12 min Tiada refund Refund CHIP Send JKM DISAHKAN

Jubin ikon · diputar −5°
Bayaran anda dipegang oleh platform. Centre hanya dibayar selepas sesi disahkan selesai.
Centre perlu sahkan dalam 1 jam. Jika tiada jawapan, bayaran dipulangkan sepenuhnya.
Tiada refund untuk pembatalan ini. Sesi bermula kurang daripada 3 jam lagi.
Harga ditetapkan oleh centre. Caj gerbang bayaran ditanggung centre.

Corak khusus produk

Kira detik
Centre perlu jawab dalam 47:12

Digunakan untuk had 1 jam dan tetingkap pertikaian 24 jam.

Pecahan wang
Parent bayarRM40.00
Komisen platform 5%−RM2.00
Caj gerbang bayaran−RM1.00
Centre terimaRM37.00

Caj gerbang sentiasa dipapar berasingan — ia bukan pendapatan platform.

Garis masa
Bayaran diterima9:14 pagi
Menunggu centreSedang berlangsung
Sesi selesaiBelum

Statistik & jadual

Neutral berwarna18Teks sokongan
Nombor utamaRM666Sempadan ungu 2px
Perlu tindakan2Merah untuk masalah
Sihat94%Hijau untuk baik

Contoh jadual

3 baris
CentreRujukanKasarBersihStatus
SM
Taska Suria ManjaPuncak Alam
PT-6H3M8CRM40.00RM37.00Berjaya
AB
Anak BestariPuncak Alam
PT-7Q1V5MRM55.00DitahanMenunggu
BK
Bintang KecilKuala Selangor
PT-8W6Y2NRM45.00RM41.75Gagal

Prinsip penulisan

Buat
Tulis status dalam bahasa ibu bapa — “Menunggu centre”, bukan Pending Centre Acceptance. Papar jumlah wang sebagai nombor, bukan sebagai ayat polisi. Nyatakan akibat sebelum butang ditekan, bukan selepas. Pisahkan “Bayaran berjaya” daripada “Tempahan disahkan”.
Jangan
Jangan papar butang yang akan ditolak oleh pelayan. Jangan campurkan caj gerbang ke dalam pendapatan platform. Jangan sembunyikan baris payout yang ditahan. Jangan andaikan bayaran berjaya sebelum webhook CHIP mengesahkannya.