Hero Images

Hero Images


Hero images are large images that span the full-width of a web page. Because hero images are so large, image choice is especially important since users can perceive a greater amount of detail and emotional meaning.

Where To Find

A hero image is a part of these sections:

How To

See the documentation for the individual section for detailed instructions:

Guidelines and Best Practices

  • Use photos with impact that illicit emotion
  • The hero photo will be the centerpiece of the page
  • Use only high-quality images
  • A minimum size of 2560 x 1097 pixels is required
  • If you choose a Header with a text box or notch be sure that key parts of the image are not obstructed
  • Use the focal point within the image upload to select your preferred focal point for automatic image cropping