Content Assets

Status

Component checklist

Key Points

• Use for long body text items when a link needs a supporting icon
• Used to indicate a customer's state in a process
• Use checklists to show what is included or highlight benefits

Use lists to organise and structure related information in body copy.

Usage

Use lists to:

• Break down complex information into scannable items
• Display a series of related links with supporting icons
• Show features, benefits, or included items with checkmarks
• Provide step-by-step details or instructions
• Indicate a customer's progress or state in a process

Do not use lists:

• For navigation
• When a single paragraph would be clearer
• For unrelated items that do not form a cohesive group

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.

Links

Use this list type when links need supporting icons. The icon provides visual context for the kind of link or action.

List with Sub-Label + Icon

Use this list type when each list item needs a brief description and a supporting icon. This provides additional context beyond the main list item text.

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.

File links