Parenting Journey - Design Guidelines

Branding and colors

#027679
Primary Teal
#01454B
Primary Dark Teal
#7A7A7A
Pale Pink
#F8CD46
Gold
#01454B
White
#FF987A
Coral

Text color

The Parenting Journey model is recognized by state and private agencies as an effective program for engaging parents who have experienced stressful or traumatic events and for parents who are seeking community, support, and guidance on how to be more effective parents.

Typography

H1 – Heading 1

Desktop(lg/xl) – 70px/113%

Mobile(md/sm) – 44px/113%

H2 – Heading 2

Desktop(lg/xl) – 60px/70px

Mobile(md/sm) – 36px/113%

H3 – Heading 3

Desktop(lg/xl) – 30px/113%

Mobile(md/sm) – 30px/113%

H4 – Heading 4

Desktop(lg/xl) – 24px/32.2px

Mobile(md/sm) – 24px/32.2px

Body

Desktop(lg/xl) – 18px/150%

Mobile(md/sm) – 16px/150%

Normal Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet consectetur adipisicing elit. A laborum ratione asperiores, cupiditate iste fuga ex modi placeat maiores sequi unde culpa dolore necessitatibus quod eum optio aperiam iusto obcaecati.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

List

Icon lists

Reusable components

Style 1
Style 2
Style 3

Forms

lottie