I've got a page for a Team Overview that currently shows everything that is possible to do with a team. team home

I think that the design for this is loud and hard to read at first glance. The current scaffolding is 2 bootstrap columns with 2 rows in each column.

What's the best way to separate these 4 'components' of this page? Using a background and border on each one?

2 Answers 2


Yes, background and border on each component will definitely make it more visible, like on this dashboard sample.

You can also check this blog post for some guidelines on how to design dashboard user interfaces, which is the best candidate of what I am seeing from your screenshot.


Components looks crowded but it needs good visual design. Some breathing space and seperator would solve the problem.

Not the answer you're looking for? Browse other questions tagged or ask your own question.