Headings

h1-membership/ 48px - / bold

h1-home/ 44px - / bold

h1-blog/ 38px - / bold

h1-offerings/ 36px - / bold

h1-courses/ 36px - / bold

h1-resources/ 32px - / bold

h2-sg / 28px - / bold

h3-sg / 32px - / semibold

h4-sg / 16px / semibold

h5-sg / 22px - / medium - italic

Paragraphs

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.

Rich text all* setting

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Buttons

Button Text Button Text

Get started

Carousel buttons

Text color & weight

Primary

Bold

Italic

normal

all-caps

cap-every-word

Normal

Background

#1a2532 / primary

#FFFF / white

#212f40 / card-blue

#344966 / btn-blue

#344966 / ACCENT-CORAL

Text & content align

txt-align-left

txt-align-center

txt-align-right

align-left

align-center

align-right

Max-width

max-width-200

max-width-250

max-width-300

max-width-350

max-width-400

max-width-450

max-width-500

max-width-550

max-width-600

max-width-650

max-width-700

max-width-750

max-width-800

max-width-850

max-width-900

max-width-950

max-width-1000

max-width-1100

max-width-1200

max-width-100mb

Style Guide