Skip to main content

Alert Banners

Use a notification banner to tell users about an important piece of information for a short period of time.

Don’t use a notification banner for a notice on a single page, use a panel instead.

Alert levels

You can choose from 4 banner colours, based on the importance of the information. You can also can change the icon based on the information you’re providing.

High level

Use only in the most serious, unplanned situations, for new and critical information. For example, when the main service you provide is unavailable.

Barton House evacuation: information for residents.

Medium level

Use when a part of your service is not available, unexpectedly or for ongoing critical incidents.

We're experiencing an issue with some of our webforms. We're working to fix them as soon as possible. Sorry for any inconvenience.

Low level

Use to tell users about planned, temporary changes to the service you provide

Our website will be down for maintenance between midday and 2pm, Wednesday 22 January. Sorry for any inconvenience.

For information

Use to highlight important information that will affect a wide range of people or services.