I was wondering if there is any statistics/research done on Text overlaying Hero, or header images. If right aligned and left aligned is better (or if it doesn't make a difference).

Struggling to find anything -


  • 3
    What is a hero image?
    – DA01
    Commented Nov 13, 2012 at 20:40
  • 2
    After using Google, I found out that a hero image is a super imposed (=large) image on the landing (home) page. Commented Nov 14, 2012 at 7:27
  • 1
    you're better off A/B testing on your own site than blinding following what worked for someone else.
    – Sam Hasler
    Commented Nov 27, 2012 at 13:20
  • That question is too vague. There is general implications to aligning text one way or another, but I doubt this will be a fruitful topic without something more concrete to go on.
    – kontur
    Commented Dec 11, 2012 at 13:09

2 Answers 2


It depend what you are trying to achieve... Left hand side if you want the user to concentrate on the text 1st, but if you want the user to enjoy the image and then move on to text and CTA it should be right aligned. take a look at these two articles they will explain the way the user reads/scans the pages ux movement and useit.com


I think JPizzle is asking whether or not the text within the hero aligned left or right.

My answer (to that) is it depends on what its overlaying. Does the image have a strong right or left focus? You may want to left align text that has a strong left side focus, but right align text with a strong right side focus.

Also consider the amount of text used.

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.