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?

closed as primarily opinion-based by plainclothes, Mayo, Graham Herrli, Devin, JohnGB Jul 13 '16 at 8:03

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.


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.