Stories

The Stories block has been updated to reflect a more modern design bringing more emphasis on the imagery.

The stories block has the option of up to 5 stories to display, each containing a heading, image, body text and an optional link. Viewers will be able to navigate with the arrows or the thumbnails to view the selected story.

Rules

  • Maximum of five stories
  • Images should be cropped to portrait
  • Maximum of one link
  • If a heading is required, it is recommend to use the centre aligned Styled heading to provide additional context above the stories block

Content limits

  • Heading: 70 characters (Max)
  • Body text: 500 Characters (Max), 150 Characters (Min)

Live examples

Stories block example

Story 1 title Story 2 title Story 3 title Story 4 title
Story 1 title Story 2 title Story 3 title Story 4 title

Story 1 title

Optional subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Story 2 title

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Story 3 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunttutt labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunttutt labore et dolore magna aliqua.

Story 4 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Alternative blocks