Suggested Fonts

 

H1 Heading Marcellus 60pt

H2 Heading Marcellus 50pt

H3 Heading Poppins 36pt

H4 Heading Poppins 28pt

H5 Heading Poppins 22pt

H6 HeadingY Poppins 18pt/1.1

PARAGRAPH TEXT IS POPPINS 18pt/1.7 - Example of standard link class. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

• Poppins 18pt/1.7/15 - Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

• Lorem Ipsum Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

• Consectetur Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

1. Poppins 18pt/1.6/15 - Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

2. Lorem Ipsum Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

3. Consectetur Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

BLOCK QUOTE

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

FORM

CTAs

CTA Buttons (trackable)

When setting up a branded, tracking CTA button using the CTA TOOL select the "Create CTA" button in top right corner and select "start from scratch" then choose "Embedded HTML". Name your button and complete the set-up in the left column - do NOT set any styling in the "style" tab. Under  “Advanced” type the button CLASS in the “Custom CSS Class” field—classes are listed below in button examples (class= cta-primary). 

On-Page Buttons

When setting up an on-page simple button with link, use the below snippet to drop into the page source code. Replace the # with the url:

<p><a href="#" class="cta-primary">cta-primary ►</a></p>

<p><a href="#" class="cta-secondary">cta-secondary ►</a></p>

<p><a href="#" class="cta-tertiary">cta-tertiary ►</a></p>

<p><a href="#" class="cta-four">cta-four ►</a></p>

<p><a href="#" class="cta-five">cta-five ►</a></p>

Example buttons:

NOTE: The style of each button can be updated in the theme settings.

cta-primary

cta-secondary

cta-tertiary

cta-four

cta-five

 

Forms

Form buttons will use the CTA-Primary class as a default. If you need a white button, use the form option to "Select Alt Button" and the CTA-Four will be used.