H1 Heading Style

HEADING 1

The H1 heading should always be capitalized and is used in white over dark. This is used for page titles like "SPLI STYLE GUIDE" at the top of this page.  

H2 Heading Style + Accent:

HEADING 2

The H2 heading tag should always be capitalized and is the primary headline style in the body of web pages. In some executions it will also include the yellow accent line above. The line can be copied and pasted into the content editor or be found by searching in HubSpot images "Accent".

Heading Font Used:

Oswald

Use Oswald for headlines only. Avoid using weights heavier than bold.

Download Font

Body Font Used:

Lato

Use Lato for sub-headlines and body copy. Use different weights to create hierarchy. When Lato is used for headlines it should also be in all caps.

Download Font

Primary Color Palette:

⬢   Maroon: #7C2128
⬢   Dark Blue: #223254
⬢   Yellow: #FCA311
⬢   Brown: #633A11

Neutral Color Palette:

⬢   Charcoal: #000000
⬢   Dark Gray: #404040
⬢   Light Gray: #f7f7f7