Style Guide

This is a H1 heading

This is just placeholder text. We will change this out later. It’s just meant to fill space until your content is ready. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content. Sometimes it’s nice to put in text just to get an idea of how text will fill in a space on your website. Traditionally our industry has used Lorem Ipsum, which is placeholder text written in Latin.

This is a H2 heading

This is just placeholder text. We will change this out later. It’s just meant to fill space until your content is ready. This is just placeholder text. We will change this out later. It’s just meant to fill space until your content is ready. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content. Sometimes it’s nice to put in text just to get an idea of how text will fill in a space on your website.

This is a H3 heading

This is just placeholder text. We will change this out later. It’s just meant to fill space until your content is ready. This is just placeholder text. We will change this out later. It’s just meant to fill space until your content is ready. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content. Sometimes it’s nice to put in text just to get an idea of how text will fill in a space on your website.

This is a H4 heading

This is just placeholder text. We will change this out later. It’s just meant to fill space until your content is ready. This is just placeholder text. We will change this out later. It’s just meant to fill space until your content is ready. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content. Sometimes it’s nice to put in text just to get an idea of how text will fill in a space on your website.

Colours

action-ultra-light

action-light

action

action-medium

action-dark

action-ultra-dark

action-comp

primary-ultra-light

primary-light

primary

primary-medium

primary-dark

primary-ultra-dark

primary-comp

secondary-ultra-light

secondary-light

secondary

secondary-medium

secondary-dark

secondary-ultra-dark

secondary-comp

accent-ultra-light

accent-light

accent

accent-medium

accent-dark

accent-ultra-dark

accent-comp

base-ultra-light

base-light

base

base-medium

base-dark

base-ultra-dark

base-comp

neutral-ultra-light

neutral-light

neutral

neutral-medium

neutral-dark

neutral-ultra-dark

neutral-comp

Buttons

Border Radius

--radius-xs

--radius-s

--radius-m

--radius-l

--radius-xl

--radius-xxl

Box Shadows

--box-shadow-m

--box-shadow-l

--box-shadow-xl