Page Loading

System guidelines

Find out how to build sites and pages using our design system. Explore guidelines for individual components, as well as all the other parts of the system like styling, the grid, using modifiers, headers and footers, navigation, search and more.

Guidelines for using the design system

  • Components

    Building blocks for page content, from small elements like images and links, to complex components like accordions and cards.

  • Text styles and formats

    Using text within components or on its own, including using headings, bullet points and hyperlinks.  

  • Forms and fields

    Individual form components like input fields and checkboxes, plus pre-built forms like our enquiry form.  

  • Navigation and global components

    How the header, footer, search, main navigation and secondary navigation are used. 

  • Foundations and styling

    Some of the basic elements of the design system and the CMS, like colour, typography and the grid.