MedX
Design system · v5
The rules behind both portals. Everything is generated from one model in tools/medx_model.py by tools/build_app.py.
The system in one line
Clinic type (which tools exist) × role (which tasks a person gets) × where (branch, which patients, money limits) = that person's home screen. Every task is one tile, and giving someone access means switching tiles on.
Tiles and categories
Icon + word, at most one number, amber or red only when someone must actColours
From pics/color reference.jpg · every pair checked for contrastPage #eef3f6
Blue 100 · active
Blue 400 · brand, decoration only
Blue 600 · buttons, 4.9:1
Blue 800 · admin band
OK · done, paid
Needs attention
Possible harm only
Type
Atkinson Hyperlegible Next · 28px heading
16px body text. Characters that look alike in other fonts stay different here: Il1 O0 B8 · MR 10-24781 · K⁺ 6.8
ٹوکن دیں · مریض تلاش کریں · ادائیگی لیں
Task screen pieces
Step 2 of 3 · Which doctor?