Page Loading

Components

Our main design components, from small elements like buttons and icons, to more complex components like cards and accordions. 

Explore our components

  • Accordion

    A content dropdown that lets users show and hide content. 

  • Anchor list

    Lets users skip through a page of content using a list of anchor links.

  • Article listing

    A dynamic panel that automatically pulls information from an article page.

  • Articles and article listing page

    Two page styles that work together with the article listing component.

  • Button

    Used to highlight a CTA or link.

  • Card

    Helps to navigate users through a section, or split information into chunks or steps. 

  • Clickable logos

    A logo with a link, usually for partners or awards.

  • Contact details

    Fields that use schema markup to help search engines recognise different contact details.

  • Icon

    A small graphic image used to add visual interest or signify meaning. 

  • Image

    Images can be used in lots of ways, from adding visual interest, to showing information in a visual way like a graph. 

  • Inset text

    Used to highlight important information or separate certain information from the rest of the page.

  • Modal

    A pop up used to interrupt the user - for example, to ask for cookie permissions.

  • Quote

    A quote and author which stands out from other page text.

  • Stat

    Used to showcase stats, highlights or key features.

  • Tabbed content

    Splits information into separate tabs so users can choose what's relevant.

  • Video

    Used to embed videos from YouTube onto a page.