Design language

Layout

Grids for compact, medium, expanded and the wall board, and the shells that frame every surface.

Grids

Columns and gutters per window class. Patient reading content stays at 640 px; the board uses the full wall.

compact · < 600 px · 4 columns · 16 px gutter
medium · 600–839 px · 8 columns · 24 px gutter
expanded · ≥ 840 px · 12 columns · 32 px gutter
board · ≥ 1920 px · 24 columns · 16 px gutter

Shells

  • Patient web: a 640 px column, a sticky glass header with the language switch, the timeline first.
  • Staff console: a sidebar (264 px, 64 px collapsed), a header with the code strip below it, and content at full width.
  • Admin and analytics: the staff shell with filter bars, stat rows of 3 to 5 tiles and charts with table views.
  • Wall board: the display theme on a registered station, no chrome, initials and location only.