Design guidelines

• Use the types as intended with the relevant messaging

• Don’t add decoration or emphasis to the styling of the banners

• Don’t change or add new colours

• Don’t add links to the default states

Content guidelines

The copy is what helps to make the info banner useful. Follow standard content design practices to add impact.

• Use concise wording
• Front-load information
• Serve content at the right time

There isn’t a character count for the title of the info banner. If the copy is more than 2 lines it’s recommended to use the drop-down type.

• Keep information concise for the title copy

• Don’t add content to the drop-down section if it’s not necessary.

• Don’t place journey-critical information in the drop-down as users may miss this.

• Make the message and any required action clear when using interruptive info banners, such as warnings or errors.

• Don’t use an incorrect or contradictory info banner/icon for a message.

• Prompt the user to read the drop-down content where possible.