Typography

If you edit styles here, they will change across the site

H1

Lorem ipsum dolor sit amet hiofehf of oh wf

H2

Lorem ipsum dolor sit ameto owfhoi wehfo i

H3

Lorem ipsum dolor sit ameto owfhoi wehfo i

H4
This is some text inside of a div block.
SMALL

Lorem 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.

Paragraph

Lorem ipsum dolor sit amet

Paragraph BOLD
Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
Text Link
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet feugiat odio.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet feugiat odio.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet feugiat odio.
BUllets

Links & BUTTONS

Footer Link
FOOTER
Instagram
SOCIAL
arrow link
Button Text
Buttons
SOCIAL
Blog category
BLOG CATEGORY

Color

Colours

Purple
#A631DE
DARK Purple
#8B1FBE
YELLOW
#EA4C96
DARK pink
#C32770
Orange
#F0986A
DARK orange
#E1814F

Monochrome

DARK GREY
#343434
White
#ffffff
MEDIUM grey
#c4c4c4
LIGHT GREY
#e6e7e8

Logo

These are logo SVGs that can be downloaded straight from the site.

MAIN LOGO WHITE
DOWNLOAD
MAIN LOGO DARK
DOWNLOAD

Spacers

1EM
2EM
4EM
6EM
8EM

Components

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form

CoNTAINERS

STANDARD - BLOCK 1270 (1170 inside) with 50 px pad / 30 px pad on mobile
STANDARD - BLOCK 1270 (1170 inside) FLEX LEFT
STANDARD - BLOCK 1270 (1170 inside) FLEX LEFT
STANDARD - BLOCK 1270 (1170 inside) FLEX Center
STANDARD - BLOCK 1270 (1170 inside) FLEX Center Vertical
STANDARD - BLOCK 1270 (1170 inside) FLEX SPace

HERO SLIDER

Layer -
Story Maker
Highlight
Covers
Boomerang
Maker
Fonts
Keyboard