Template Style Guide

Any edits here will apply to all reflective elements across the Hub.

Note: Change the colors through the swatches panel. This will change all locations where the color is used on the website.
Primary-darkest
Primary-dark
Primary
Primary-light
Primary-lightest
Secondary-darkest
Secondary-dark
Secondary
Secondary-light
Secondary-lightest
Accent-darkest
Accent-dark
Accent
Accent-light
Accent-lightest
Notification-darkest
Notification-dark
Notification
Notification-light
Notification-lightest
Neutral-900
Neutral-800
Neutral-700
Neutral-600
Neutral-500
Neutral 400
Neutral 300
Neutral 200
Neutral 100
White

Typography

Upload fonts to the Body (All Pages) element to effect all font classes.

H1 / Hero Title
Size: 4.5em

The quick brown fox jumps over the lazy dog

H1 / H1 Title
Size: 2.7em

The quick brown fox jumps over the lazy dog

H2 / H2 Title
Size: 2.2em

The quick brown fox jumps over the lazy dog

H3 / H3 Title
Size: 1.8em

The quick brown fox jumps over the lazy dog

H4 / H4 Title
Size: 1.5em

The quick brown fox jumps over the lazy dog

H5 / H5 Title
Size: 1.3em
The quick brown fox jumps over the lazy dog
H6 / H6 Title
Size: 1.1em
The quick brown fox jumps over the lazy dog
Title-Color
Size: 1.2em

Aa Bb Cc Dd

Title - Small
Size: 1em

Aa Bb Cc Dd

Paragraph Large
Size: 1.5em

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Body Medium
Size: 1.3em

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Paragraph Small
Size: 1.1em

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Text Detail
Size: 0.9em
This is some text inside of a div block.

Buttons

Stylize buttons her e to make changes across Hub.

Rich Text Field

Changes made above will be reflected in the rich text.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Example of an image caption

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  • Work closely with our outreach team on various SEO campaigns
  • Maintain website’s SEO health
  • Perform keyword research including discovery and expansion of keyword opportunities
  • Track keywords’ rankings, and report and analyze website analytics
  • Research and analyze competitor sites
  • Stay up to date with all SEO and content marketing trends

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.