Skip to main
The Salvation Army
Request training
Digital experience guide

Hero

Covers the hero block variations and hero video block.

There are two types of hero blocks

Hero banner
Hero video

Looking for fundraising hero guidelines

Go to fundraising

Hero banner

The hero banner can be made up of the following:

Item Requirements
Title (mandatory) 25 characters
Summary 70 characters
CTA buttons (up to two buttons) 25 characters each
Image
  • 2:1 ratio (landscape) minimum size of 2400px × 1200px
  • Focus area be to the right (as a pose to donation page hero banners)
Banner size Medium or large

When to use these and why

You may use a combination of the above depending on the content within the hero block. Examples shown below.

Title only
Title and summary
Title, summary and CTA
Hero with image

Title only

Use the medium setting when displaying a title only.

✓Correct

✓Correct

✕ Incorrect

✕ Incorrect

Title and summary

Use the medium setting when displaying a title and summary only.

✓Correct

✓Correct

✕ Incorrect

✕ Incorrect

Title, summary and CTA buttons

Use the medium setting when displaying a title, summary and CTA buttons.

✓Correct

✓Correct

✕ Incorrect

✕ Incorrect

Hero with an image

You can use a combination of the title (mandatory), summary and CTA buttons — with either a medium or large setting.

Things to consider:

  • Focus area to be on the right.
  • Text must be legible over the image.
  • Avoid text over people's faces.
  • Avoid cutting people's heads off...
✓Correct

✓Correct

✕ Incorrect

✕ Incorrect

Live example