PINNacle Style Guide
H1 - Playfair Display - 43px - Banner Heading
H1 - Playfair Display - 43px - Banner Heading
This is some text inside of a div block.

H1- Playfair Display- 40px

H1- Playfair Display- 40px - Class

H2- Nunito Sans Light - 32px

H2- Nunito Sans Light - 32px - Class
H2- Playfair Display Regular - 32px - Class

H3- Nunito Sans Light - 24px

H3- Nunito Sans Light - 24px - Class
H3- Nunito Sans Light - 27px - Class

H4- Nunito Sans Light - 20px

H4- Nunito Sans Light - 20px - Class
H5- Nunito Sans Semibold - 15px - Caps
H5- Nunito Sans  Semibold - 15px - Caps - Class

BODY Nunito Sans Light— 18px - 30px Line height Link

Gold Link Class

BODY Nunito Sans Light— 22px - 34px Link

This is some text inside of a div block.
STRONG Font Weight 600 Default
Bold Font Weight 700
Extra Bold Font Weight 800
Black Bold Font Weight 900
This is some text inside of a div block.

BODY Nunito Sans Light— 16px - 120% Link

BODY Nunito Sans Light— 16px - 120% Link

capitalize
  • Mulish Regular — 20px - 35px
  • Mulish Regular — 20px - 35px
  • Mulish Regular — 20px - 35px
  • Mulish Regular — 20px - 35px
  • Mulish Regular — 20px - 35px
  • Mulish Regular — 20px - 35px

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  • CHANGES IN BEHAVIOR
  • FORGETTING TO PERFORM DAILY TASKS
  • BECOMING WITHDRAWN OR ANTISOCIAL
  • TOLERATING AN UNHEALTHY LIVING ENVIRONMENT
  • FAILING TO PAY MONTHLY BILLS
  • DISORIENTATION AND CONFUSION
  • FORGETTING HOW TO DRIVE OR USE THE STOVE
  • SEVERE INCONTINENCE
  • WEIGHT LOSS
  • DIFFICULTY STANDING

Text Align Classes
Text Align Center Class - tac
Text Align Right Class - tar
Text Align Left Class - tal
Text Transform uppercase- uc
Default Margin Top and Bottom Classes
Margin top 0
Margin top 10
Margin top 20
Margin top 30
Margin top 40
Margin top 50
Margin top 60
Margin top 70
Margin top 80
Margin top 90
Margin Top 100
Margin Bottom 0
Margin Bottom 10
Margin Bottom 20
Margin Bottom 30
Margin Bottom 40
Margin Bottom 50
Margin Bottom 60
Margin Bottom 70
Margin Bottom 80
Margin Bottom 90
Margin Bottom 100
Default Padding Top and Bottom Classes
Padding top 0
Padding top 10
Padding top 20
Padding top 30
Padding top 40
Padding top 50
Padding top 60
Padding top 70
Padding top 80
Padding top 90
Padding top 100
Padding Bottom 0
Padding Bottom 10
Padding Bottom 20
Padding Bottom 30
Padding Bottom 40
Padding Bottom 50
Padding Bottom 60
Padding Bottom 70
Padding Bottom 80
Padding Bottom 90
Padding Bottom 100
step 1
household size
step 2
annual income
step 3
new worth
step 4
results