Style Guide

A complete guide to all Parent Team's branding.
Navigation
The main menu interfaces for the navigation.
For Parents
Co-Parenting Collection
Online course and other resources to help you focus on your kids without putting them in the middle
Divorce with Dignity
Create your own financial agreements and parenting plan
Parenting Plan Guide
Create a plan that will serve your family well, both now and into the future
Hire a Parent Team Expert
Work with a Certified Parent Team Expert to resolve or prevent chronic conflict
Co-Parenting Workbook
Helpful tools for better divorce outcomes
For Professionals
Schools
Make your school a more supportive place for every family
Mental Health Professionals
Feel more confident counseling families in transition
Parenting Plan Guide for Professionals
Help families create a plan that will serve them well, both now and into the future
Legal Professionals
Protect families from the worst parts of divorce
Non-Profit Organizations
Help your organization serve every family even better
Become a Certified Parent Team Expert
Grow your skills, expand your practice, and strengthen more families
Next cohort starting in February 2025. Guest facilitators just announced! 
Resources
Freebies
8 Tough Questions Kids Ask About Divorce
Blog
Practical co-parenting resources to help parents get on the same team
Colors
A complete color swatch used to color all interface elements on the website.
Theme Colors
Primary 1
#627b70
Primary 2
#c67158
Primary 3
#455854
Grays
Gray 1
#222525
Gray 2
#62636B
Gray 3
#f8e6d7
Gray 4
#fef9f5
Feedback (Rarely Used Except on Forms)
Success
#57A773
Warning
#F19953
Error
#ED6A5E
Buttons
Component, text style and size variations
Button Sizes
Small
Standard
Large
Theme Colors
Primary 1
Primary 2
Primary 3
Outline
Feedback Colors
Success
Warning
Error
Grays & White
Gray 1
Gray 2
Gray 3
Gray 4
White
Circle Buttons
Icons
Search
DECORATIVE
Finish
Sign up with Google
Typography
Headings, body and other common text elements.

Heading Font: Zilla Slab, Weight 500

Paragraph Font: DM Sans, Weight 500

Display Heading - 80px

Large Heading - 54px

Medium Heading - 40px

Small Heading - 32px

XSmall Heading - 24px

Text Large - 18px   
Link Large
Body Text - 16px  
Body Link
Small Text - 14px   
Small Link
text caps - 16px
Lists
Headings, body and other common text elements.
Unstyled <ul>
  • Dope
  • Sick
  • Amazing
Colored Bullets
  • Dope
  • Sick
  • Amazing
Checklist
  • decorative
    Dope
  • decorative
    Sick
  • decorative
    Amazing
Badges
Combine with other components to display metadata
Default
Badge Text
Theme Colors
Primary 1
Primary 2
Primary 3
Feedback Colors
Success
Warning
Error
Cards
A multipurpose component used to display content in boxed format.
Default Styles
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Link
With Foot
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Link
With Head

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Link
With Image

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Link
Form Inputs
Styles for form inputs and form feedback states.
Input Sizes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
* Hint Text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input with Icon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio & Checkbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Feedback
Shadows
Preset styles to imply depth on interface components
Shadow Small
Shadow
Shadow Large
Dropdowns
Preset styles to imply depth on interface components
Avatars
Multiple sizes and styles to represent users around the interface.
Avatar Sizes
Avatar Group
Avatar Indicators
Avatar with name
Katherine Cho
Parent-to-parent relationships are critical to kids' well-being.
We're here to help.

We help strengthen co-parent relationships to protect kids from the possible negative effects of divorce.

Book a Free Consult

We help strengthen co-parenting relationships to protect kids from the possible negative effects of divorce.

Navigation
For Parents
For Professionals

The information provided by Parent Team LLC through but not limited to the website, workbook, online course or engaging in professional sessions are for informational purposes only and should not be considered legal, counseling, financial or tax advice. See our complete disclaimer here.

© 2024 Parent Team • All Rights Reserved
DisclaimerPrivacy PolicySite Credit