List

Use to display related items in an easy-to-read format.

You can present items in a logical order or by how important each is to the user. Some top-level items may contain sub-level items.  

Guidelines

• Refer to our Web Editorial Style Guide - Lists
• Limit to three levels
• Ensure items use the same font styles and sizing
• Use a collection if you want to add a visual hierarchy and context

List types

Unordered

Items do not need to be in a specific order. However, put the most important content first since users read top to bottom.

• Unordered list item 1
• Unordered list item 2
  • Unordered list item 2a
  • Unordered list item 2b
  • Unordered list item 2c
• Unordered list item 3

Ordered

Just like the name implies, use when items should be in order. This might be steps to follow (Step 3) or to identify them (Rule #2).

1. Ordered list item 1
2. Ordered list item 2
   • Ordered list item 2-1
   • Ordered list item 2-2
   • Ordered list item 2-3
3. Ordered list item 3

Unstyled

Does not use bullets, numbers, or other styling. It looks clean and simple, and it saves space.

• Unstyled list item 1
• Unstyled list item 2
• Unstyled list item 3