This microsite is a collection of components and rules that will go into the website. It is broken down into sizeable chunks of design elements such as Typography, Icons, Colours and Typefaces.

We will also document the HTML components that go into a website such as Navigation, Search and many others. It is a visual aid and guide as to how the website should look.

This is an ever evolving document that will be maintained throughout the process. If you spot anything that doesn't look right, let us know

Browser and Device Support

We will be supporting the following browsers and devices.

Browsers Devices
Chrome, Firefox, Microsoft Edge, Safari, Opera.
With all modern browsers, we support the latest release and the two previous release versions. No support for IE11
iPhone, iPad, iPad Pro, Samsung Galaxy and Google Pixel

Responsive Breakpoints

We will use the following breakpoints in our source files for our layout, grid system, and components. These breakpoints are mostly based on minimum viewport widths and allow us to scale up elements as the viewport changes.

No breakpoint 576px > 768px > 1200px >
XS Screen: Typically covers portrait phone, less than 576px Small Screen: Typically covers landscape phones 576px and up Medium Screen: Typically covers tablets, laptops and desktops 768px and up Large Screen: Typically large desktops / laptops 1200px and up