Styleguide
Token & komponen — dua tema, AA-verified
Semua nilai di halaman ini datang dari @remafa/design-tokens dan dijaga check-contrast.mjs (50 cek, light+dark). Ganti tema lewat toggle di header untuk membuktikan keduanya.
Permukaan berlapis L0–L4
L0 — halaman
L1 — kartu
L2 — seksi/tint
L3 — input/well
L4 — hover
Tier teks
t1 — utama — Pasien terjadwal pukul 10.00 WIB, Rp1.500.000
t2 — sekunder — Pasien terjadwal pukul 10.00 WIB, Rp1.500.000
t3 — tersier/caption — Pasien terjadwal pukul 10.00 WIB, Rp1.500.000
t4 — disabled/placeholder — Pasien terjadwal pukul 10.00 WIB, Rp1.500.000
accent — link/ikon bermakna — Pasien terjadwal pukul 10.00 WIB, Rp1.500.000
accent-strong — teks kuat — Pasien terjadwal pukul 10.00 WIB, Rp1.500.000
accent-deco — hanya teks besar / dekoratif (≥24px)
Tombol — semua state
Metrik (tabular numbers)
Pendapatan hari ini
Rp12.450.000
Pasien hari ini
48
Invoice belum dibayar
Rp3.200.000
Form — normal, error, disabled
Sesuai kartu identitas
Format email tidak valid — periksa kembali.
Terisi otomatis oleh sistem
Tabs · Avatar · Skeleton
Konten ringkasan kunjungan.
Riwayat kunjungan pasien.
Lampiran yang boleh dilihat pasien.
Loading state
Skeleton loading
Pola state global
Belum ada jadwal kunjungan
Jadwal booking dan kontrol Anda akan muncul di sini setelah booking pertama dibuat.
Tidak ada hasil untuk “metadon”
Periksa ejaan atau coba kata kunci lain. Obat baru bisa ditambahkan lewat Master Data.
Gagal memuat data antrean
Terjadi gangguan pada server (kode korelasi REQ-8F2K). Coba lagi — bila berulang hubungi admin.
Anda sedang offline
Data medis tidak disimpan di perangkat demi keamanan. Sambungkan kembali internet untuk melanjutkan — tidak ada data yang hilang.