Interview frequency: …
Short answer
Allocate 60% of the screen to the dominant surface color (usually a neutral white or soft gray background), 30% to a structural secondary color (such as cards and menus), and only 10% to an accent color for calls to action and important prompts.
Explanation
This classic rule provides visual balance and prevents color from overpowering content. When only 10% of the page uses a distinct color, such as a blue or orange CTA, the primary button stands out immediately. Using a loud color across large areas reduces button prominence and tires users.
Common mistakes
- Using a loud brand color as the background for large portions of the page, obscuring the content.
- Distracting users with five different accent colors for buttons on the same screen without clear meaning.