Style Guide

A collection of useful components and guidelines used across this template.

Colours

These are the global colour swatches that are used to brand this website

You can edit these easily throughout the entire site by clicking on the swatch, and editing the global colour.

Primary Dark
Primary Viridian
Light Gainsboro
Light Alabaster
Typography

A complete list of the main type styles used throughout this website template.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
Body Text Body Link
Small Text Small Link
Small Caps Text
Paragraph

This is a paragraph 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.

Unordered List
  • List item one
  • List item two
  • List item three
Ordered List
  1. List item one
  2. List item two
  3. List item three
Quote
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
Figure
Template Figure on Style Guide Page
Figure Caption
Miscellaneous

Itallicised textLink textBold text

Buttons
A set of all the buttons used on this template or customise them to suit your style or brand.