Section landing page

Gives an overview of the section, allows navigation to child pages, and promotes the key areas of the section.

Overview

This image shows how a section landing page will look (from left to right) on desktop, tablet and mobile devices.
Example of section landing page in 3 sizes

Usage guidelines

  • This is the landing page for all key top-level site sections. For example - About Us, What We Do.
  • Use this template as a navigation hub to child pages.
  • By default, each page will have a Title, Summary, Body, Image (Landscape) and Share Page components. 
  • Keep the page simple with clear CTAs.

Live examples

Links to components

  • more details
    Example of "Title".
    Title
    The title of the page (H1).
    more details
  • more details
    Example of "Summary".
    Summary
    A short summary of the page that appears beneath the title.
    more details
  • more details
    Example of "Image (landscape)".
    Image (Landscape)
    A responsive image with a 16:9 aspect ratio, with caption, credit and share options.
    more details
  • more details
    Example of "Share".
    Share Page
    Allows visitors to easier share webpage to social networks.
    more details
  • more details
    Example of "Facts slider".
    Facts Slider
    A slider that displays statistics with icons. You can also add a call-to-action button to the top-right of the panel. This button links to another page.
    more details
  • more details
    Example of "Signpost".
    Signpost
    A panel that links through to a child page.
    more details
Back to top