Design Guidelines

H1

H2

H3

H4

H5
H6

SECTION HEADER

section-header
SECTION HEADER
section-header-heavy
SECTION HEADER
section-header-2nd-level-lite
SECTION HEADER
section-header-2nd-level-heavy
Person Name
person-name
Person Title
person-title
Person Contact
person-contact

This is a text block.┬áThis is used when we have a blob of content i.e, you have 3 – 5 sentences of content/paragraph. It has links styles as well. (base-text)

This is the spotlight text used when you have a couple of sentences in a block which you want to make it stand out. (spotlight-text)

This is a small text
text-small
This is a base text
text-base
This is a medium text
text-medium
This is a large text
text-large
This is a xl text
text-xl
This is a xxl text
text-xxl
This is a huge text
text-huge
This is a white text
text-color-white
This is a light color text
text-color-light
This is a medium color text
text-color-medium
This is a dark color text
text-color-dark
This is a darker color text
text-color-darker
This is a darkest color text
text-color-darkest
This is a black color text
text-color-black
This is a High School green color text
text-color-hs-green
This is a High School gold text
text-color-hs-gold
This is a lite text
text-weight-lite
This is a heavy text
text-weight-heavy
hubspot-simple-form

Simple Format

hubspot-simple-form-darkBG

Dark Background

High School Green #036564

High School Gold #CDB380