COLOUR STYLES
Your Brand Palette
Your reference for staying on brand.
Includes:
your Squarespace colour palette
PLUS references for shades and accents
button-on-colour tests
image overlays on different colour sections
This page ensures your colour system actually works before you build anything.
#E0C9B8
PAPERBARK
+25% #E8D7CA
+50% #F0E4DC
+75% #F7F2ED
#FDFCFB
PAPERBARK
WHITE
#905135
BANKSIA
#2F261A
IRONBARK
#513D30
WET BARK
#605138
MOSS
#982B3E SOLD STICKER
TYPE STYLES
Heading 1
in italics
NOT in bold
Monospace Font used for notes, terms & conditions, small details etc. Paragraph 2 text. And a link. Lorem ipsum dolor sit. Duis aute irure dolor in repre.Excepteur sint occaecat cupidatat non proident.
Headings are in Marcellus font and always in capitals. Use italics sparingly and DON’T USE bold.
There should only ever be ONE H1 on a page.
Use Headings logically to break up text. It’s important to place them in a logical order for screen readers and google.
Button samples. Should always be sized using the Design → ‘Fit’ style as this is more responsive across screen sizes.
Primary = MAIN CALL TO ACTION
Secondary = Not so important
Tertiary = used for things like ‘read more’ or links that are useful but not necessarily urgent.
Colour Accessibility
This is a Heading 1
This page ensures your colour system actually works before you build anything.
#E0C9B8
PAPERBARK
#905135
BANKSIA
#605138
MOSS