#56

Increase the contrast of your button text

Hot Tip #56 is to increase the contrast of your CTA button text.

A common design mistake by beginners is keeping the global link color the same throughout Landing Page elements.

This can lead to low contrast CTA buttons:

Button contrast reference

By integrating a text color that’s highly contrasted against the button background, you can create striking CTA buttons:

Button contrast reference
  • Contrast for Mac – great tool I use to ensure my text color contrast is within accessibility guidelines.

Hot Tips Fire