Style Guide

Colours

Primary Colours

Black - #000
Off Black - #464646
Dark Grey - #737373
Light Grey - #E1E1E1
Background Grey - #F4F4F4
White - #FFF

Secondary Colours

Brand Secondary - #4E1FB3
Brand Secondary - #DEF953

Tertiary Colours

Brand Tertiary - #ACBAD3
Brand Tertiary - #C2B3AA
Brand Tertiary - #F7C8F1
Brand Tertiary - #114F66

Typography

Title font - FK Display Regular
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Body font - Messina Sans
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Alt font - FK Grotesk Mono Regular
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Headings

H1 - 50px - Porta sodales ut leo, fringilla eget in

H2 - 45px - Porta sodales ut leo, fringilla eget in

H3 - 40px - Porta sodales ut leo, fringilla eget in

H4 - 30px - Porta sodales ut leo, fringilla eget in

H5 - 27px - Porta sodales ut leo, fringilla eget in

Copy

Body Copy:

There’s no shortage of powerful Shopify apps for Search but Algolia is our top pick. It plugs in seamlessly to deliver relevant AI-driven search results and spotlight the items you want your customers to see. What’s more, its powerful built-in analytics tool means you can constantly tweak and optimise your marketing strategy.

Large Body Copy:

There’s no shortage of powerful Shopify apps for Search but Algolia is our top pick. It plugs in seamlessly to deliver relevant AI-driven search results and spotlight the items you want your customers to see. What’s more, its powerful built-in analytics tool means you can constantly tweak and optimise your marketing strategy.

Buttons