Styles

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 Sunray
#ebaf47
Neutral Albaster
#e5e1d7
Neutral Isabeline
#f3f1ec
Neutral Black
#050505
Neutral Grey Dark
#7d7d7d
Neutral Grey Mid
#b8b8b8
Neutral Grey Light
#dbdbdb

Typography

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

H1 Heading

H2 Heading

H3 Heading

heading-xlarge

heading-large
heading-medium
heading-xsmall
Small Text
Caption

This is a heading 2

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.

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.

  • List item one
  • List item two
  • List item three

This is a heading 3

  • List item one
  • List item two
  • List item three

Some other list:

  1. List item one
  2. List item two
  3. List item three
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.

Buttons

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