Keep Hero Images Readable
Heroes are often the first thing visitors see. They set tone and grab attention, but poorly chosen or cropped images can obscure key subjects or clash with your text content.
Why it matters
First impressions: Heroes influence a user’s perception immediately.
Clarity: Cropping can cut off faces or important details.
Consistency: Uneven hero slides look unpolished.
How to do it
- Start with a wide 21:9 crop that works across sizes.
- Keep key focal points in the center “safe zone.”
- For split-vertical layouts, test both left/right alignment since placement can vary.
- Keep slide text lengths similar to avoid varying hero heigh
Accessibility tip
Hero images must never use video or animated backgrounds, per Harvard’s accessibility standards.