These typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.

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

Text colors

Accent colors

Neutral colors

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

MAIN LOGO COLOUR

DOWNLOAD

LONG LOGO DARK

DOWNLOAD

LONG LOGO COLOUR

DOWNLOAD

LONG LOGO WHITE

DOWNLOAD

All elements will need various amounts of space around them, use these instead of changing padding so that other pages don't get messed up when you perfect the spacing on one page

All elements will need various amounts of space around them, use these instead of changing padding so that other pages don't get messed up when you perfect the spacing on one page. Spacer elements using the 8-pt system to give sections more room to breathe.