Style Guide

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


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.

Arc Black
Arc Black Eighty
Arc Black Sixty
Arc Black Eight
Arc Neutral
Arc White


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

Display Heading

Heading One

Heading Two

Heading Three

Heading Four

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

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
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 Caption

Itallicised textLink textBold text


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