Design language
Patterns
How components come together on real screens, with the rules that keep them calm and safe.
- Loading, empty, error, offline and staleWhat a screen shows while it loads, when it is empty, when it fails, offline and when data is stale.
- Forms and validationLabels, help text, inline errors, the error summary and validation timing.
- Notifications and bannersWhich surface carries which message: banners, toasts, notices and push.
- Bilingual layoutEnglish and French side by side: length, typography, dates and times.
- Estimates and time copyHow estimates and times are written, and what never appears.
- Destructive confirmationRevoking a family link, clearing a code, removing access.
- Two-step confirmationCalling a code: choose, confirm, and the notice that follows.
- PrintVisit cards, thermal labels and after-visit summaries on paper.