H1 page title

Role: [amend as applicable, e.g. Site Administrator, All editing roles]

[Short overview] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 

Placeholder

Add caption override to match this format:
Fig. 1 Still from the video ‘Add an Event Hero’. Video length 5:37

Add transcript

H2 heading e.g. How to edit

H3 short heading

  • Short paragraph of four or five lines
  • Use bulleted or numbered list if you are explaining steps to take
  • Add screenshots as appropriate
  • Add link(s) to other documentation as appropriate
  • Most important words should be mentioned first to aid page scanning

H3 short heading

  • Short paragraph of four or five lines
  • Use bulleted or numbered list if you are explaining steps to take
  • Add screenshots as appropriate
  • Add link(s) to other documentation as appropriate
  • Most important words should be mentioned first to aid page scanning

H3 short heading

  • Short paragraph of four or five lines
  • Use bulleted or numbered list if you are explaining steps to take
  • Add screenshots as appropriate
  • Add link(s) to other documentation as appropriate
  • Most important words should be mentioned first to aid page scanning

H2, e.g. Usage advice

[Optional, use if relevant]

  • Short paragraph of four or five lines
  • Use bulleted or numbered list if you are explaining steps to take
  • Add screenshots as appropriate
  • Add link(s) to other documentation as appropriate
  • Most important words should be mentioned first to aid page scanning

H2, e.g. Accessibility

[Optional, use if relevant]

  • Short paragraph of four or five lines
  • Use bulleted or numbered list if you are explaining steps to take
  • Add screenshots as appropriate
  • Add link(s) to other documentation as appropriate
  • Most important words should be mentioned first to aid page scanning

On this page

[Optional, if the page is long]

  • Anchor link, e.g. How to edit
  • Anchor link, e.g. Usage advice
  • Anchor link, e.g. Accessibility

Related information

  • Link 1
  • Link 2
  • Pattern Book examples (name of component)

If you need to add screenshots, you need to use a two-column section and move the above Text component into it. Or replicate the Selected Content page which uses Tile Grid

  • Short paragraph of four or five lines
  • Use bulleted or numbered list if you are explaining steps to take
  • Add screenshots as appropriate
  • Add link(s) to other documentation as appropriate
  • Most important words should be mentioned first to aid page scanning
Placeholder

Screenshots with captions, if required

Changes may have been made to enhance this feature since we last updated this page. See What’s new for the latest release information.

Last updated: XX Month 2026

Instructions for editors (delete this section when completed)

  1. Add menu link
  2. Add to A-Z topic index page
  3. Remember to add taxonomy term(s)
  4. Add listing title
  5. Add button text description and button link to the page
  6. Add listing image, as required
  7. Add link to Pattern Book if one exists or assign a Task to Kris to create a new Pattern Book page with examples, as appropriate. PB creator is sense-checking the Help documentation
  8. When Pattern Book page exists, At Graeme on Fresco Technical chat with the page URL so he can check whether it should be added to automated tests: backstop_configs/backstop_live_checks_shared_config.js
  9. Author of the Help site documentation reviews the Pattern Book content!