Type Styles

Styles 01
Semantic H1

Heading 1

heading-1

Heading 1

Semantic H2

Heading 2

heading-2

Heading 2

Semantic H3

Heading 3

heading-3

Heading 3

Semantic H4

Heading 4

heading-4

Heading 4

Semantic H5
Heading 5
heading-5
Heading 5
Semantic H6
Heading 6
heading-6
Heading 6
paragraph1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

paragraph2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

eyebrow1
Our Appraoch
eyebrow2
Our Appraoch
Utility
--type_size1
Type Size 1 - 14px
Utility
--type_size2
Type Size 2 - 16px
Utility
--type_size3
Type Size 3
Utility
--type_size3
Type Size 3.25
Utility
--type_size3
Type Size 3.5
Utility
--type_size4
Type Size 4
Utility
--type_size5
Type Size 5
Utility
--type_size6
Type Size 6
Utility
--type_size7
Type Size 7
Utility
--type_display
Type Display
Utility
--type_weight-bold
Type Bold
Utility
--type_weight-semi
Type SemiBold
Utility
--type_align-center
Type Align Center
Utility
--type_align-left
Type Align Left
Utility
--type_decoration-underline
Text Decoration Underline

Color Styles

Styles 02
Utility
--bcolor_black
background-color="black"
Utility
--bcolor_slate
background-color="slate"
Utility
--bcolor_light
background-color="light"
Utility
--bcolor_brand
background-color="brand"
Utility
--bcolor_teal
background-color="teal"
Utility
--bcolor_gold
background-color="gold"
Utility
--color_gold
color="gold"
Color Gold
Utility
--color_brand
color="brand"
Color Brand
Utility
--color_light
color="light"
Color Light
Utility
--color_teal
color="teal"
Color Teal
Utility
--color_slate
color="slate"
Color Slate
Utility
--color_black
color="black"
Color Black

Buttons

Elements 01
btn="small"
Button Text
btn="outline"
Button Text
btn="outlineSmall"
Button Text
btn="light"
Button Text

Icons

Elements 02
--icon_container-med
background-color="brand"
color="light"
--icon_container-lg
background-color="teal"
color="light"
--icon_container-lg
background-color="brandlight"
color="black"
1
2

Fields

Elements 03

Rich Text

Elements 04

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.

Components

01
Component Name:
Section / Image and Copy
Top Padding
0 = No Padding
1 = 20px
2 = 56px
3 = 108px
Bottom Padding
0 = No Padding
1 = 20px
2 = 56px
3 = 108px
Image Position
first
Background Color
brand
teal
light
Text Color
black
teal
light
This is some text inside of a div block.

Increased Patient Engagement

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.

Button Text
Component Name:
Section / Background Image
Component Name:
Section / CTA

Let’s chat about creating healthcare transformation today.

Button Text
Component Name:
Section / Masthead Slim
Background Color
brand
teal
light
Text Color
black
teal
light
Engaged Staff. Happier Patients.

Staff Retention & Engagement

Lorem ipsum dolor sit amet consectetur. Pellentesque pellentesque ipsum urna dignissim facilisi elit. Ante ligula placerat ornare convallis molestie sed amet blandit nunc. Ac aliquam felis purus posuere. Pellentesque scelerisque morbi elementum auctor id ac tempor.Lorem ipsum dolor sit amet.

Component Name:
Section / Stats

Empowering staff retention and engagement  for more than 800 partner organizations

9 Million+ Patients

Globally

800+ Partners

In organizations internationally

Over 35 Countries

Countries supported
Component Name:
Section / Quote
Donec dolor nibh, vulputate scelerisque placerat sed, accumsan eu odio. Phasellus vitae lacinia sem. Nulla facilisi. Etiam pellentesque ipsum sit amet sollicitudin facilisis. Cras tellus libero.
John Doe
Founder, Company
Component Name:
Section / Quote Video
Donec dolor nibh, vulputate scelerisque placerat sed, accumsan eu odio. Phasellus vitae lacinia sem. Nulla facilisi. Etiam pellentesque ipsum sit amet sollicitudin facilisis. Cras tellus libero.
John Doe
Founder, Company
Component Name:
Section / Quote Slider
The coaches bring an incredible perspective.  I love that the coaches have not only been in other organizations, have seen what good is, seen what great is, and are able to come in and bring that perspective and those ideas and inspire our staff that may have been here for 20, 30 years.
Eric Wei, MD
Senior VP and Chief Quality Officer
New York City Health + Hospitals
Donec dolor nibh, vulputate scelerisque placerat sed, accumsan eu odio. Phasellus vitae lacinia sem. Nulla facilisi. Etiam pellentesque ipsum sit amet sollicitudin facilisis. Cras tellus libero.
John Doe
Founder, Company
Donec dolor nibh, vulputate scelerisque placerat sed, accumsan eu odio. Phasellus vitae lacinia sem. Nulla facilisi. Etiam pellentesque ipsum sit amet sollicitudin facilisis. Cras tellus libero.
John Doe
Founder, Company
Component Name:
Section / Video and Copy

Putting people at the center of their healthcare experience.

Person-centered care is more than hospitality, amenities, and inviting surroundings. It’s an evidence-based framework for improved patient and family engagement, better clinical outcomes, increased staff retention and recruitment, and high value care. It places patients and caregivers at the center of the care experience and unites communities around health and wellness.

Our Approach
Component Name:
Section / Solutions CTA
Component Name:
Section / Masthead Simple Text
This is some text inside of a div block.

Certifications

Lorem ipsum dolor sit amet consectetur. Pellentesque pellentesque ipsum urna dignissim facilisi elit. Ante ligula placerat ornare convallis molestie sed amet blandit nunc. Ac aliquam felis purus posuere. Pellentesque scelerisque morbi elementum auctor id ac tempor. Lorem ipsum dolor sit amet.

Component Name:
Section / Masthead and Video
This is some text inside of a div block.

Certifications

Lorem ipsum dolor sit amet consectetur. Pellentesque pellentesque ipsum urna dignissim facilisi elit. Ante ligula placerat ornare convallis molestie sed amet blandit nunc. Ac aliquam felis purus posuere. Pellentesque scelerisque morbi elementum auctor id ac tempor. Lorem ipsum dolor sit amet.

Component Name:
Section / Masthead Home
humanizing the healthcare landscape

Transforming healthcare through Person-Centered Care.

Component Name:
Section / Cards 3-Up
Background Color
brand
teal
light
Text Color
black
teal
light
Top Padding
0 = No Padding
1 = 20px
2 = 56px
3 = 108px
Bottom Padding
0 = No Padding
1 = 20px
2 = 56px
3 = 108px

Certifications

Our Certification for Excellence in Person-Centered Care represents the highest mark of achievement for creating an organizational culture that engages patients, families, staff, and the community to improve overall health and well-being.

Organizational Certification

Tortor interdum condimentum nunc molestie quam lectus euismod pulvinar risus. Cursus in odio aenean.

Individual Certificate Programs

Tortor interdum condimentum nunc molestie quam lectus euismod pulvinar risus. Cursus in odio aenean.

Fellowship Program

Tortor interdum condimentum nunc molestie quam lectus euismod pulvinar risus. Cursus in odio aenean.

Component Name:
Section / Cards 2-Up
Background Color
brand
teal
light
Text Color
black
teal
light
Top Padding
0 = No Padding
1 = 20px
2 = 56px
3 = 108px
Bottom Padding
0 = No Padding
1 = 20px
2 = 56px
3 = 108px

Building a foundation for Person-Centered Care.

Planetree offers a full spectrum of consulting services to support you and your organization at any stage of implementing person-centered care. Whether your team is just beginning the transition to Person-Centered Care or looking to evaluate and optimize a existing effort, we work with you each step of the way.

Consultation

We team with your senior executives in identifying and developing the common goals, expectations, and practices needed to align Person-Centered Care implementation efforts with strategic priorities. This program drives dedication and direction, building the foundation of leadership commitment that has been identified as a key driver for success in transformational culture change.

  • This is some text inside of a div block.
  • This is some text inside of a div block.
  • This is some text inside of a div block.

Assessments

We conduct assessments to fully understand your organization’s culture from all perspectives. Together, we draw on these assessments to set the pace and direction for advancing person-centered priorities.

  • This is some text inside of a div block.
  • This is some text inside of a div block.
  • This is some text inside of a div block.
Component Name:
Section / Grid Inset 5-Up

How we create cultural transformation to Person-Centered Care.

Our Certification for Excellence in Person-Centered Care represents the highest mark of achievement for creating an organizational culture that engages patients, families, staff, and the community to improve overall health and well-being.

1

Discover Challenges

Embark on mutual discovery to uncover your unique needs, challenges, strengths, and key principles.

2

Develop a Plan

We co-design and implement solutions that position your person-centered care efforts for success and sustainability.

3

Execute Solutions

Take action to bring to life your PCC goals and future state by implementing the solutions identified.

4

Cultivate Transformation

Cultivate your transformation through enculturation, accountability, innovation, and best practices.

5

Validate Learnings

Recognize the progress you’ve made and celebrate your gains, while setting targets for continued advancement.

Component Name:
Section / Grid 5-Up
DISCOVER MORE

How we create cultural transformation to Person-Centered Care.

Our Certification for Excellence in Person-Centered Care represents the highest mark of achievement for creating an organizational culture that engages patients, families, staff, and the community to improve overall health and well-being.

1

Discover Challenges

Embark on mutual discovery to uncover your unique needs, challenges, strengths, and key principles.

2

Develop a Plan

We co-design and implement solutions that position your person-centered care efforts for success and sustainability.

3

Execute Solutions

Take action to bring to life your PCC goals and future state by implementing the solutions identified.

4

Cultivate Transformation

Cultivate your transformation through enculturation, accountability, innovation, and best practices.

5

Validate Learnings

Recognize the progress you’ve made and celebrate your gains, while setting targets for continued advancement.

How we create cultural transformation to Person-Centered Care.

Our Certification for Excellence in Person-Centered Care represents the highest mark of achievement for creating an organizational culture that engages patients, families, staff, and the community to improve overall health and well-being.

1

Discover Challenges

Embark on mutual discovery to uncover your unique needs, challenges, strengths, and key principles.

2

Develop a Plan

We co-design and implement solutions that position your person-centered care efforts for success and sustainability.

3

Execute Solutions

Take action to bring to life your PCC goals and future state by implementing the solutions identified.

4

Cultivate Transformation

Cultivate your transformation through enculturation, accountability, innovation, and best practices.

5

Validate Learnings

Recognize the progress you’ve made and celebrate your gains, while setting targets for continued advancement.