Style Guide
Typography
Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference Type Scale.H1 Heading Saira - 70pt
H1 Heading Figtree - 56/1.2
H2 Heading Figtree - 42/1.1
H3 Heading Figtree - 28/1.1
H4 Heading Figtree - 20/1.12
Paragraph text Figtree - 16pt/1.6 line space
Blog Paragraph text Figtree - 16pt/1.6 line space
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
CTA Buttons (trackable)
When setting up a branded, tracking CTA button using the CTA TOOL select the "Create CTA" button in top right corner then choose "Embeds and Buttons" then select "Advanced" in the very bottom of the left column. Select "Embedded HTML." Name your button, set the "Link to," "Link URL," and the Button text. 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:
<a href="#" class="cta-primary">cta-primary →</a>
<a href="#" class="cta-secondary">cta-secondary →</a>
<a href="#" class="text-link">text-link →</a>
<a href="#" class="white-link">white-link →</a>
Example buttons: