User Interface
Neutral page backgrounds help maintain focus on the main content by minimising visual distractions and allowing users to engage more effectively with the information. This simplicity enhances readability and makes the overall user experience more seamless and comfortable.
Make sure you keep background colours neutral to avoid distracting from key content. Stay away from using bright colours or busy images for page backgrounds, as they make the main content less prominent for the user to navigate. You can still introduce brand colours with CTAs, imagery and logos.
<aside> ❌
Don’t use bright colours or busy images for page backgrounds
</aside>
<aside> ✅
Keep background colours neutral to avoid distracting from key content
</aside>
💡 Recommendation
<aside>
Sponsored background pages should also be avoided as they can make a page look overcrowded and difficult for the user to focus on the key information and content.
📢 Please see the Sponsorship Activities page for more advice on this →
</aside>
We recommend exercising caution with dark backgrounds, as using dark backgrounds can make it challenging to distinguish modules and outlines that are also dark, potentially impacting visual clarity.
