We will be open throughout the Christmas & New Year period.
Cross Icon

Style Guide

This is some text inside of a div block.

Colours

Primaries and grays controlled by the Global Swatch feature.
Spearmint
#EDFDF5
Lagoon
#074B4B
Peach
#FBE8D5
Butternut
#FFB56A
Lavender
#EDEDFD
Lycra
#7C7CF3
Blush
#EDEDFD
Coral
#7C7CF3
Gray A
#FAFAFA
Gray B
#F5F6F6
Gray C
#535F5F
Gray D
#262C2C
White
#FFFFFF
Faded White
rgba(255,255,255,0.1)

Typography

Headings, body and other common text elements.
Display
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Large Text
Body
Small Text

Buttons

Physical size and colour variations
Small
Button
Large Button
Knee Pain

Links

Text Link
Underlined Link
Arrow Link
Arrow with Underline

List Items

  • Bullet Item
  • Check Item
  • Chevron Item
  • Arrow Item

Form Inputs

General style and state variations for text inputs.
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form Selectables

Styling for checkboxes, selects and radios.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.