The background color of tables depends on the alternating background of the content. If it appears on a white section, it is white. If the background is light gray (Tint 4), it is also light gray.

Table headers and subheaders are separated by text in Brix Sans Bold and a line 2 px wide, all other horizontal separators are 1 px wide. The table does not contain any vertical lines.

Alternatively, table rows can be visually separated from each other using alternating background colors. The rows then alternate between white and light gray, and in this case, no horizontal lines with a width of 1 px are required.


Tables in mobile applications can be swipeable. One column should always be truncated to show that this is possible.

Mobile table examples

Engineering progress

Enhancing lives

Maximum cart size of 3 items has been reached!

Your sample cart items: