Dashboard sections — group distinction

Same cards, same columns, same width. The proposed treatment adds a coloured section heading with a small matching marker, a hairline rule between groups, and a slightly larger gap. The third variant goes one step further and washes each card with its group's own colour. Compare the three below.

What is deliberately NOT changed

  • Card size, shape, padding and typography — identical in all three.
  • Grid columns and the container width — identical, so scrolling is unaffected.
  • Colour is still spent on the group, never on an individual card: the wash is the group's own colour, the same one its heading and icon chip already use.
  • The tinted option is the only one that touches the card surface, so it is the only one that has to justify itself against a plainer grid.