Typography

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

H1

If you edit styles here they will change across the site

H2

Editing styles here they will change
Editing styles here they will change

H3

Editing styles here they will change will googo Editing styles here they will change will googo Editing styles here they will change will googo Editing styles here they will change will googo

H4
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet ame Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet ame
H5
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum
H6

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.

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 Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
Text Link
View Project
Button

Colour

These colours have been created using Global Swatches. If you edit the Global Swatch colour, it will change every element that uses that colour swatch.

Text colours

Text Colour #395c8b
Icon Colour #446074
Text colour - Navy
#
Background #f7f7f7
White #FFFFFF
Background colour
#

Product colours

Refresh Dark #f595a2
Refresh Light #fff0f9
Refresh
#
Clarify Dark #9fdde4
Clarify Light #f3fffe
Clarify
#
Awaken Dark #f7ce73
Awaken Light #fef9ea
Awaken
#FFFFFF
Bliss Dark #cca691
Bliss Light #fffaf5
Bliss
#FFFFFF
Indulge Dark #b2d391
Indulge Light #f4feee
Indulge
#FFFFFF
Restore Dark #fd4f65
Restore Light #ffe8e8
Restore
#FFFFFF
Reveal Dark #f2be49
Reveal Light #fff4e9
Reveal
#FFFFFF
Green Fluoro #77e2c5
Green Fluoro Light #c8fff0

Logo

These are sample logo SVGs that can be downloaded straight from the site, or you could set up a download link that links with the file that's hosted with your cloud storage application of choice.

Logo icon in navy
DOWNLOAD
Logo icon for navbar
DOWNLOAD
LOGO ICON in white
DOWNLOAD
MAIN LOGO BLACK
DOWNLOAD
MAIN LOGO BLACK
DOWNLOAD
MAIN LOGO WHITE
DOWNLOAD

Components

These are a few example components.

Name
Email
Message
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
Tab 1
Tab 2
Tab 3

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.