Content Assets

Lists display a number of related items together as a collection. There are several list variants all with specific styles.

Key Points

  • Use for long body text items and when a link needs a supporting icon
  • Use for customer’s state in a process

Usage

These should be specifically used for long body text items where styled lists are required, and they do not replace bullet points or numbered lists.

Progress Lists

It is used to show a customer's state in a process, for example, to set the expectation at the beginning of a journey or to explain what’s next when they complete a form.

Progress lists are related to progress steps and use the same styles to convey the user is working through a process.

 

Progress Lists

Progress Lists

It is used when a link needs a supporting icon.

Link with supporting icon

Link with supporting icon

List with Sub-Label + Icon

It is used when a list needs a brief description and a supporting icon.

List with sub-label and icon

List with sub-label and icon

Checklists

Checklists are a specific type of list with an icon. They are used to indicate when something is included or highlight a benefit.

For this type of list item, the check icon should always be used with the success colour.

Checklist

Checklist