Web Interface  |  Typography

Lists

This section is about how lists in text should look and how best to design them.

01List without a clarification text

Lists in a text without a clarification make little sense. If the heading is immediately followed by a list, it looks strange. It is better to place a paragraph before the list that is linked to it.

A list with no clarification text looks strange.
A list with a clarification makes sense.

02Decorative markers

It is a good idea to use symbols other than bullets as markers for lists, such as ticks, squares, dashes, etc. This makes the lists more attractive to read.

A list with non-standard markers.

03The list item in multiple lines

It is better to separate multiline items in the list with an increased spacing, but less than the distance between paragraphs.

The default spacing between items on the list.
Increased spacing between items.