Skip to main content
British Red Cross homepage

Hero

The Page Hero component is used to display a prominent section at the top of a webpage. It serves as an introduction to the page content and helps capture the user's attention.

  • Homepage hero

    The homepage hero is a prominent element on the British Red Cross homepage.

  • Annotated diagram of a hero component. The hero contains five elements all on a white landscape rectangular background: 1 – top left, an example of a heading, 2 – below heading is a subheading 3 – below the subheading is supporting text, 4 - a blue underlined link 5 - on the right an example of a hero image showing an illustration of two people hugging.

    Page hero

    The page hero is the default hero to use on content pages.

  • Decorative hero

    The decorative hero is the hero to use on story pages or for pages that require more visual emphasis.