GOV.UK Design System Notification Banner
Documents notification banners for service-wide problems, deadlines, and previous-page outcomes, including placement before the page heading, role selection, sparing use, and avoiding validation-error misuse.
What this source can teach
Use this source to study a complete public-service task and the guidance that supports its implementation.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Banner | Choose banner when the message scope spans multiple pages, sections, records, or sessions in the same product, service, account, or workspace. | The banner appears before users encounter content affected by the message. | GOV.UK describes notification banners for broad service problems, personal deadlines, and previous-page outcomes, with placement before the page heading and sparing use. |
| Notification banner | Choose notification banner when a service message should be seen immediately before the page heading and before users interpret that page. | The banner appears before the page H1 and in the same content width as the heading and body text. | GOV.UK defines notification banner use for service-wide problems, personal deadlines, previous-page outcomes, before-H1 placement, role selection, sparing use, and validation-error avoidance. |
| Success confirmation | Choose success confirmation when the user needs durable in-context proof that a just-completed action succeeded. | The confirmation appears only after the action is committed enough to be truthful. | GOV.UK describes green success notification banners for outcomes of just-completed actions when the current journey continues. |
Comparisons supported by this source
- Banner vs alert vs inline message vs toast notification
GOV.UK notification banner guidance covers broad service problems, deadlines, previous-page outcomes, placement before the page heading, and validation-error avoidance.
- Confirmation page vs success confirmation vs review before submit vs notification banner
Supports the boundary between previous-page success banners and final transaction confirmation pages.
- Notification banner vs banner vs alert vs error summary
GOV.UK defines notification-banner use, before-H1 placement, neutral and success variants, single-banner priority, and validation-error exclusion.
- Success confirmation vs toast notification vs notification banner vs alert
GOV.UK describes success notification banners for outcomes of just-completed actions when the user has not finished the journey.
Evidence Role
This source is treated as service-manual evidence. Its value comes from the specific claims and setting described above.
Publisher: GOV.UK Design System. Last checked: .