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 |