I'm using a hero image as a landing page for a ecommerce site. Here's what it looks like so far:

enter image description here

I'm having issues with the text's contrast over the background image. Any ideas on how I can make the text stand out more?

  • 1
    Make the hero image more darker I guest Jul 11, 2023 at 2:57

1 Answer 1


That background image has a lot of contrast in it so it's hard to get contrast over it. These are some colors from that background

enter image description here

A block of color would get rid of the contrast issues. This is a color from the background

enter image description here

  • Instead of a solid color, you can make a gradient overlay that goes 50% transparent at top to 100% transparent halfway down. Manage the percentages to suit. The color could come from a darker shade of what's in the photo, or if the photo will change, a gray can be used.
    – Steve
    Aug 10, 2023 at 18:59
  • The "lorem ipsum" subtext would need the background block too. Aug 10, 2023 at 19:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.