Style Tile

Headings

Heading 1 – 60px, 28px

Heading 2 – 60px, 28px

Heading 3 – 40px, 24px

Heading Four – 32px, 20px

Heading Five – 28px

Heading Six – 24px

Subheadings

Subheading 1

Subheading 2

Paragraphs

Large font size – 40px: Suspendisse in mauris condimentum egestas. Tellus pretium, diam quam ut mauris.

Medium/Base font size – 24px: Suspendisse in mauris condimentum egestas. Tellus pretium, diam quam ut mauris.

Small font size – 20px: Body text link quam maecenas ultrices a elit. Consectetur at mi enim mollis in amet. Ipsum aliquam ipsum tellus porttitor. Posuere at vehicula mauris mi. Amet quis varius aliquam amet, etiam pharetra faucibus ultrices nunc. Lorem massa interdum enim aliquet nunc, et elementum sed.

Tables

Empty Header	Column 1	Column 2
Nuutsumuut Lelum	Nuutsumuut Lelum	Nuutsumuut Lelum
Nuutsumuut Lelum
Nuutsumuut Lelum	Nuutsumuut Lelum	Nuutsumuut Lelum
Nuutsumuut Lelum		Nuutsumuut Lelum

Here’s the caption text. It appears below an image and gives additional information that isn’t clear from the image.

Quotes

“Pull quote style at vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet.”
Pull quote contributor, Firstname Lastname

Numbered List

Nuutsumuut Lelum
- Nuutsumuut Lelum
Nuutsumuut Lelum
Nuutsumuut Lelum

Bulleted List

Nuutsumuut Lelum
Nuutsumuut Lelum

Nuutsumuut Lelum
Nuutsumuut Lelum
- Nuutsumuut Lelum
Nuutsumuut Lelum

Longer List example

At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet.
- Stet clita kasd gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Accordion / Details

Accordion Dropdown Heading Text

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Accordion Dropdown Heading Text

Theme Colors

Click the title to reveal the CSS variable.

Contrast: Black – #282828

var(--wp--preset--color--contrast)

Primary: Teal – #00ACA0

var(--wp--preset--color--primary)

Secondary: Dark Blue – #003B5D

var(--wp--preset--color--secondary)

Tertiary: Grey – #ECECE6

var(--wp--preset--color--tertiary)

Quartary: Purple – #6F6DF6

var(--wp--preset--color--quartary)

Quinary: Light Teal – #98EDDA

var(--wp--preset--color--quinary)

Other Colours:

These are used during development only.

Darker Teal: color(primary-60) 
Dark grey text: color(grey-70)
Light borders: color(grey-30)
White text: color(grey-00)

Buttons

Primary Button

Secondary Button

Images

Here’s the caption text. It appears below an image and gives additional information that isn’t clear from the image. This is a good place to describe things like illustrations or maps, or indicate specifics about a photo.

Gravity Forms

Contact Form

Name(Required)

First Last

Email(Required)

Enter Email Confirm Email

Comments(Required)

Please let us know what's on your mind. Have a question for us? Ask away.