Framework
Global Presets UI Style Guide
01. Color palette
Colours used across the site design.
#222222
#2E4A93
#7395CB
#C0D0E9
#19675A
#DADB74
#EF572B
#F4D0E3
#FDEDB4
#FFE4C4
#FDFBF9
02. Text styles
A list of all the font styles found on the site.
H1 Header
P22 Mackinac Pro | Font-Size: 56 | Line-height: 1.2
H2 Header
P22 Mackinac Pro | Font-Size: 36 | Line-height: 1.2
H3 Header
P22 Mackinac Pro | Font-Size: 28 | Line-height: 1.2
H4 Header
P22 Mackinac Pro | Font-Size: 22 | Line-height: 1.3
Small Body
Nunito Regular | Font-size: 12 | Line Height: 1.5
Body Copy
Nunito Semi Bold | Font-size: 16 | Line Height: 1.5
Subtitle
Nunito Semi Bold | Font-size: 14 | Line Height: 1.5
03. Modules
The last part of this style guide handles some of the most-used modules inside Divi. Here, we’re also providing you with a primary, secondary and tertiary version of each module which you can style and add as a global preset. Feel free to create more alternative designs for each module.
Primary
Secondary
Tertiary
Button
Email optin
Bottom CTA
Contact form
Toggle
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Testimonial
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blog
4 Reasons Why Family Meals Are Important + How to Start A Family Meal Tradition
One of the first recommendations I often give families who come to my office struggling with their relationship with their children is: “Start having family dinner together a few nights every week.” I have seen firsthand how sharing meals transforms the lives of...
Authoritative, Authoritarian, Permissive, & Uninvolved Parenting: What is the Best Parenting Type to Raise a “Successful” Child?
“How can I raise my child so they aren’t a snowflake?” “I want my children to be independent and successful when they are older. I’m skeptical that Gentle Parenting will actually be able to teach them this.” “Gentle Parenting does not prepare children for the “real...
Are Discipline, Consequences, and Boundaries bad words to a gentle parent?
Discipline, consequences, and boundaries can all sound like bad words. You might immediately think that these words mean spanking, yelling, and time-outs. In the past, discipline often meant revoking privileges, physical punishment, or sending kids away from...
You’ve asked and we’ve answered.
Everyday we get to chat with a ton of you about what’s on your mind. We use our blog to tackle the topics that are top of mind for you with a little more depth.
Title Of Category
Title Goes Here
Title Goes Here
Pricing etc. goes here
Title Goes Here
Title Goes Here
Pricing etc. goes here
Title Goes Here
Title Goes Here
Pricing etc. goes here