Notification banners

Information notice or important notification banner

To be used sparingly

• if there is something that the user might need to consider
• telling the user about something that affects them in particular (for example, an approaching deadline they need to meet)
• use black font
• only located at the top of a page
• only one per page
• underline links

Warning

To be used sparingly

• when you need to warn users about something important, such as legal consequences of an action, or lack of action
• usually located at the top of the page or can be located elsewhere depending on the page content
• only one per page
• underline links

Urgent/critical warning

To be very rarely used

• when you need to alert users about something urgent or critical
• usually located at the top of the page or can be located elsewhere depending on the page content
• only one per page
• underline links