- Should all buttons on a website be the same color?
- What is the best color for buttons?
- Why you shouldn't use your brand color on buttons?
- Should delete buttons be red?
Should all buttons on a website be the same color?
Using a different color on your buttons won't hurt your brand image or aesthetics, but it will hurt the user experience. It's okay to use your brand color for other interface elements, but call-to-action buttons are sacred. They're the one element that needs a high level of clarity, accessibility, and interaction.
What is the best color for buttons?
Hubspot published a popular case study that showed how a red button outperformed a green one in an A/B test. But the folks at Sentient have seen orange, pink, bright green, and even white outperform red.
Why you shouldn't use your brand color on buttons?
Many apps use their brand color on their call-to-action buttons. Doing this may seem like a harmless act of branding, but it can actually hurt the user experience. Brand-colored buttons can lead to inaccessible text labels, button state conflicts, and a lower clickthrough rate.
Should delete buttons be red?
When designers use red for delete buttons, the color naturally gives users pause due to its connotations. Both deletion of a file or closing an account are good examples of using red in design. When users see such dialogs the red color encourage them to think twice before making the final decision.