Design System

Detail page

Patient detail / order detail / case detail. Hero header with patient identity + actions, in-page tabs, then a fluid grid of portal cards (or status cards) per tab. Shows two cards across in this preview; production renders the canonical 560px tile grid full-width.

Variants

Composed example (interactive tabs)

Ana Garcia

Patient #4218 · semaglutide · started Oct 4

On regimen

Next refill

Ships Dec 14 · arriving by Dec 16

Care team

Dr. J. Okafor · Dr. M. Liang