Pattern

Notifications and banners

Which surface carries which message: banners, toasts, notices and push.

Rules

  • Banners for department load, offline, stale, paused and maintenance: full width, one sentence, never glass, never fixed.
  • Toasts only confirm ("Request sent"); never for errors that need action.
  • Push and text messages never contain health information; they bring the person back to the app.
  • Live regions are polite, except the urgent "I feel worse" confirmation.

Live examples

Banner · Department load, offline, stale, paused, maintenance and announcements.
Toast · A transient confirmation on the inverse surface.
Machine-translation badge · Says a page is machine translated and offers the original.
Code delay notice · Why care is delayed during a critical event, without alarming anyone.