Hero image

A hero image is a large image at the top of a page, often with a short headline and a button. In the example, big headphones sit beside "Hear every detail".

It is the first thing visitors see, so it sets the tone and tells them what the page is about at a glance.

Pick a hero image that supports the headline and loads quickly. Pro tip: make sure any text over the image stays readable on every screen size.