REMAFADesign Lab · Fase 1
BerandaStyleguideMemberDokterEksekutifDeveloperSuaraTipografi
BerandaStyleguideMemberDokterEksekutifDeveloperSuaraTipografi

Fase 1 — Fondasi Desain

Satu bahasa desain untuk seluruh ekosistem klinik REMAFA

Lab ini memvalidasi arah desain sebelum puluhan layar dibangun: token warna terang+gelap yang lolos WCAG AA, tipografi, komponen inti, motion, suara, dan empat prototipe representatif. Semua data fiktif.

Member PWA — Beranda

Sapaan personal, kunjungan berikutnya, antrean, poin & reward. Mobile-first, bottom navigation.

Buka

Workspace Dokter

Tiga panel: konteks pasien · SOAP · diagnosis-resep-rencana. Padat, cepat, keyboard-friendly.

Buka

Dashboard Manajemen

KPI harian, tren, dan daftar yang butuh perhatian — menjawab: apa yang terjadi, apa yang harus dilakukan.

Buka

Developer Console

Kesehatan service, background jobs, feature flags, audit — teknis tapi tetap satu bahasa desain.

Buka

Styleguide

Token warna 2 tema (AA-verified), tipografi, radius, bayangan, dan galeri komponen + state.

Buka

Lab Suara

5 suara feedback disintesis Web Audio — dengar, atur volume, uji Reduced Sensory Mode.

Buka

Tipografi (UD-13)

Perbandingan Plus Jakarta Sans vs Inter untuk UI aplikasi — owner memilih.

Buka
REMAFA Integrated Clinic Management System — Fase 1: Fondasi DesainSemua data di lab ini fiktif (demo)