Typography

You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles for general HTML tags. To modify the styles for a specific tag, select one of the typography elements and in the selector choose the "All [TAG NAME]" from the "Select a tag" section of the dropdown. This will effect all the elements on the site.

Heading text

H1

Sample text. If styles are edited they will change across the entire website. Be sure to select styles for all [tag name].

H2

Sample text. If styles are edited they will change across the entire website. Be sure to select styles for all [tag name].

H3

Sample text. If styles are edited they will change across the entire website. Be sure to select styles for all [tag name].

H4

Sample text. If styles are edited they will change across the entire website. Be sure to select styles for all [tag name].

Paragraph
Sample text. If styles are edited they will change across the entire website. Be sure to select styles for all [tag name].
Block Quote
Link
Text Link
Button Text
Button

Color

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

Body colour
Header color

Main colors

Primary color
Secondary color

Neutral

Black
Gray
Dark gray
White
Light gray

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
Logo