Design System · v0.9
Fondasi Visual SISTA
Sumber kebenaran tunggal untuk warna, tipografi, dan komponen. Setiap halaman SISTA mereferensikan token dari sini — tujuannya konsistensi enterprise dan zero drift saat porting ke Blade. Shell di kiri & atas halaman ini adalah kerangka reusable.
01 Palet Warna
Brand & Permukaan
petrol.deep
#231F56
petrol
#5B5BD6
petrol.soft
#8B8BE8
signal
#F59E0B
ink
#14142B
mist / paper
#EDF2F1
Status State-Machine
open
progress
hold
pending
rejected
deployed
closed
cancelled
duplicate
SLA
on-track
at-risk
breached
02 Tipografi
Space Grotesk
display · judul, wordmark
Inter — antarmuka & isi teks
sans · body, form, label
JetBrains Mono · #26-000142
mono · ID, kode, meta audit
03 Tombol
04 Badge — Status, SLA, Prioritas
Status Tiket
OPEN
IN_PROGRESS
ON_HOLD
PENDING_USER
REJECTED
DEPLOYED
CLOSED
CANCELLED
DUPLICATE
SLA
On Track
At Risk · 4j tersisa
Breached · +2h
Prioritas
Rendah
Sedang
Tinggi
Genting
05 Input & Form
06 Kartu & Tabel
Open
128
In Progress
54
At Risk
9
Breached
3
| No | Ringkasan | Status | SLA |
|---|---|---|---|
| #26-000142 | Login EMR gagal di RSPAD | IN_PROGRESS | At Risk |
| #26-000139 | Laporan resep kosong — Farmasi | OPEN | On Track |
| #26-000131 | CR: kolom BPJS di registrasi | DEPLOYED | Breached |