Remote Year Style Guide

HEADINGS

Header Title

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
TEXT ELEMENTS
Subtitle
This is a subtitle that goes underneath an H1 or H2 to describe what a page is about.
Body Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

List Items and Bullet Points
Thumb Teaser Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Quoter
Name, Program or Job Description
Standalone Link
Read More →
BUTTONS
Regular Button
Get Started
CTA Button
Get Started
Secondary Button
Get StartedLearn More
Empty CTA
Get Started
Secondary Option
Get StartedLearn More
CTA with Secondary Option
Get StartedLearn More
THUMBNAILS
Non-Clickable Text + Image Thumb
This is a thumb bullet title or headline that is static.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.

Non-Clickable Bullet with Icon
This is a thumb bullet title or headline that is static.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.

No Icon Non-Clickable Text Bullet
This is a thumb bullet title or headline that is static.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.

PRODUCT THUMBNAILS
Core Brand Colors
Turquoise
#06bab5
White
#FFFFFF
Light Grey
#f9f9f9
Dark Grey
#404040
Black
#000000
Status Colors
Green
#07d63b
Open — Accepting Participants
Yellow
#fffb00
Open — Spots Filling Fast!
Yellow-Orange
#ffc800
Closing Soon — Almost Full
Red
#f01414
Closed — Program Full
Grey
#cfcfcf
Program Inactive or Complete
Mobile Elements
Mobile Thumb Carousel
Hubspot Form Embeds and Tests
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.