Background as content highlight

How to use it

Use a noticeable colour as a background to highlight content in one part of the page.

When to use it

If you want to use a brand colour in your page, some of them might be suitable as background colours. If they're bright or heavy colours, these can be used in sections where you want to highlight some important content, like a sign-up form or your app screenshots.

What to watch out for

If the colour is too bright, it might distract from the content you're trying to highlight, and make your design worse.

A dark colour feels heavier than a light one, so even if you don't want to use bright colours, you could still use dark colours to highlight important content, because that section will stand out against white or grey background colours elsewhere on the page.

Examples

Example