Framework
Global Presets UI Style Guide
01. Color palette
In this part of the style guide, you can modify each color inside the Text Module’s background settings. Use that same color code inside the Text Module below it to have a written version of the color code too. Use these color codes inside your Divi Theme Builder default color palette afterward.
#FFFFFF
#FDB813
#f2f2f2
#231f20
#444444
#000000
02. Text styles
In the second part of this style guide wireframe, you can style your different text types. You’re also provided with a primary, secondary and tertiary option, each of which you can afterwards turn into individual presets.
Primary
Sizing
Color
Heading Font
Poppins
40px
#000000
Font Body
Mulish
16px
#231F20
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
Blurb
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.
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.
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.
Email optin
Contact form
Image
Call to action
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.
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.
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.
Divider
Person
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Social Media Follow
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.
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.
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.
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.
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.
Video
Accordion
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.
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.
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.
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.
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.
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.
Blog
What If Parents Treated Driver Education Like it Was A Sport
Say what? Well, we all know how much time you and your teen dedicate to sports, dance, music and so on but for some reason when it comes to practicing driving, it takes the backseat (pun intended). When we let parents know that they need at least 20 hours of practice...
What If Parents Treated Driver Education Like it Was A Sport
Say what? Well, we all know how much time you and your teen dedicate to sports, dance, music and so on but for some reason when it comes to practicing driving, it takes the backseat (pun intended). When we let parents know that they need at least 20 hours of practice...
Learning to Drive can cause Anxiety & Stress in Teens
We all deal with some level of anxiety and stress in our lives. For some, it’s temporary and doesn’t have much impact on our overall well-being, but for others, it can have a severe impact. According to John Hopkins Medicine, anxiety disorders are the most common...
Driving MBA is Teaching Road Rage Safety to Students
Driving MBA was featured in a Fox 10 News segment on August 15, 2023, regarding Arizona's road rage dangers. ADOT now requires that driving education courses include instruction on how to deal with road rage. Driving MBA has included instruction on road rage for years...
Driving and Teen Brain Development
One of the topics we touch on as we work with parents of teen drivers is the development of the adolescent brain. I attended a Parent University Class offered through the Mesa School District a few years ago. The program is free to anyone who wants to attend. It was a...
How driving simulation labs prepare young drivers for transitioning to on-road driving
Sometimes we talk to parents who insist they only want their student driver to do on-road instruction. They question the need to use simulation driving versus just getting on the road. The question I would ask is: “Why wouldn’t you want your child to learn in a safe...
Avoid tragedy by following these 5 rules for safer teen driving
The National Highway Transportation and Safety Administration wants to remind parents to discuss with their teens these five rules for safer driving. In 2020, 748 teen drivers died in crashes, and 2,276 teen drivers were involved in crashes where someone died. Safe...
When is a Teen Really Ready to be Licensed?
Multiple agencies and experts have studied driving safety and teenagers. While readiness remains a uniquely individual trait, we’ve found that when youth exhibit certain behaviors indicating maturity and responsibility, then they are more likely to be safe and...
A Safe Commute Begins with a Smart Driver
Commuting habits in the United States are slowly evolving as a repercussion of the pandemic shutdowns in 2020 and 2021. In 2019, 76 percent of the workforce drove alone to work, representing about 15 million people, according to data from the U.S. Census Bureau. In...
March is Red Light Running Awareness Month
Every year since 1999, Arizona governors have proclaimed March as Red-Light Running Awareness Month. That also was the year three families who lost their children in red light crashes joined together to form a local coalition, Red Means Stop. Now there are many...
Learning to Drive is a Process Not an Event
When people think about driver’s ed or learning to drive they think about it in terms of a class to be completed and a test to take. There is ample reason for people to have that belief because driver education typically is conducted in a classroom and includes only...
What If Parents Treated Driver Education Like it Was A Sport
Say what? Well, we all know how much time you and your teen dedicate to sports, dance, music and so on but for some reason when it comes to practicing driving, it takes the backseat (pun intended). When we let parents know that they need at least 20 hours of practice...
Learning to Drive can cause Anxiety & Stress in Teens
We all deal with some level of anxiety and stress in our lives. For some, it’s temporary and doesn’t have much impact on our overall well-being, but for others, it can have a severe impact. According to John Hopkins Medicine, anxiety disorders are the most common...
Driving MBA is Teaching Road Rage Safety to Students
Driving MBA was featured in a Fox 10 News segment on August 15, 2023, regarding Arizona's road rage dangers. ADOT now requires that driving education courses include instruction on how to deal with road rage. Driving MBA has included instruction on road rage for years...
Driving and Teen Brain Development
One of the topics we touch on as we work with parents of teen drivers is the development of the adolescent brain. I attended a Parent University Class offered through the Mesa School District a few years ago. The program is free to anyone who wants to attend. It was a...
How driving simulation labs prepare young drivers for transitioning to on-road driving
Sometimes we talk to parents who insist they only want their student driver to do on-road instruction. They question the need to use simulation driving versus just getting on the road. The question I would ask is: “Why wouldn’t you want your child to learn in a safe...
Avoid tragedy by following these 5 rules for safer teen driving
The National Highway Transportation and Safety Administration wants to remind parents to discuss with their teens these five rules for safer driving. In 2020, 748 teen drivers died in crashes, and 2,276 teen drivers were involved in crashes where someone died. Safe...
When is a Teen Really Ready to be Licensed?
Multiple agencies and experts have studied driving safety and teenagers. While readiness remains a uniquely individual trait, we’ve found that when youth exhibit certain behaviors indicating maturity and responsibility, then they are more likely to be safe and...
A Safe Commute Begins with a Smart Driver
Commuting habits in the United States are slowly evolving as a repercussion of the pandemic shutdowns in 2020 and 2021. In 2019, 76 percent of the workforce drove alone to work, representing about 15 million people, according to data from the U.S. Census Bureau. In...
March is Red Light Running Awareness Month
Every year since 1999, Arizona governors have proclaimed March as Red-Light Running Awareness Month. That also was the year three families who lost their children in red light crashes joined together to form a local coalition, Red Means Stop. Now there are many...
Learning to Drive is a Process Not an Event
When people think about driver’s ed or learning to drive they think about it in terms of a class to be completed and a test to take. There is ample reason for people to have that belief because driver education typically is conducted in a classroom and includes only...