Styles and components used through the website. You can change any style from this page and it will be updated throughout the site.
Any new element created some be added to the "Components" section. This allows you to effortlessly refer to a style and make changes if required.
Brand logos used throughout this project
Swatches marked with the yellow dot indicate primary and secondary brand colours. Some colours here are designed for compatibility. For a detailed, more accurate representation of brand colours, please refer to the brand document supplied within the Google Drive folder.
The different text sizes used throughout the site.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Block Quote
Default fields & grids used to generate forms.
A collection of global UI elements & HTML components. This section is used to reference anything from badges to global HTML elements.
Any new element created some be added to the "Components" section. This allows you to effortlessly refer to a style and make changes if required.
A collection of notices used to indicate errors, success, and warnings
A collection of notices used to indicate errors, success, and warnings
CSS elements used by Owl Carousel for custom card sliders.
All the symbols used throughout the website
Any new symbol created, add it below.
Collection of tools you can use when creating CMS content or editing the website.
Paste your text content into this tool to generate the approx. time it will take a user to read the article. This can then be added to your CMS post.
All the symbols used throughout the website