Menu
Home Patterns Notifications

BETA This playbook is in BETA, we think it’s good enough to be useful right now, but there are gaps that need filling – your feedback will help us to improve it.

Notifications

Use a notification banner to tell the customer about important information they need to use your service

Navigate this page
Back to Patterns

Contents

Use a notification banner to tell the customer about important information they need to use your service

When to use this componentHow it works

When to use this component

Use a notification banner to tell the user about something they need to know to use the service, for example, the information they should know before applying, disruptions to a service or content that is important to read on another page.

All notifications should be used sparingly, it is less effective if it is overused. There is evidence that people often miss them, and using them too often is likely to make this problem worse.

How it works

Important

Use the Important notification to highlight key information the user will need to complete a transaction.

Important

You will need your national insurance number to complete this transaction.

Information

Use the Information notification to tell the customer about service disruptions.

Information

This service may be slower than expected because of the COVID-19 Pandemic.

Inset text

Use the inset text component to differentiate a block of text from the content that surrounds it, for example:

  • quotes
  • examples
  • additional information about the page

It can take up to 8 weeks for us to send you a copy of your birth certificate

Last reviewed: August 29, 2023 by Jennifer

Next review due: February 29, 2024

Back to top