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
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...
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...
Best 2022 New and Used Vehicles for Teenage Drivers
U.S. News recently published an article recommending new and used vehicles for teens. They are suggesting parents look for: Driver Assistance Features Strong predicted reliability ratings Excellent crash scores The 2022 vehicles they recommend are: Hyundai Elantra...
Arizona MVD makes changes to driving test to ensure drivers are better prepared
Driving MBA Featured on ABC 15 In this segment, ABC 15 discusses some of the driving test changes being enacted by the Arizona Motor Vehicle Department. The article highlights how Driving MBA is helping teens prepare for the the updated driving test as well as provide...
National Teen Driver Safety Week: Talk to Your Kids About Safe Driving Habits
October 16-22, 2022 / National Teen Driver Safety Week This week, and every week, parents should have conversations with their teens about the important rules they need to follow to stay safe behind the wheel of a motor vehicle. These rules address the greatest...
Driving school vs. home lessons: Are your teens prepared?
In Arizona, most in-school driver training programs are long gone — victims of budget considerations and liability concerns. Many parents opt to pay for private driver training programs, while others try to teach teenagers the basics independently. In this segment,...
Study finds most drivers do not understand new vehicle safety features and how Driving MBA can help
Study finds most drivers do not understand new vehicle safety features Driving MBA is featured on an ABC 15 News segment in which they discuss how many drivers are unaware of or not taking the time to understand all the safety features of new vehicles. In the segment,...
Is technology in vehicles safe or is it more distractions for drivers to engage with?
Is technology in vehicles safe, or is it more distractions for drivers to engage with? The jury is still out, particularly for new drivers. DrivingMBA's approach to technology in vehicles emphasizes that it is there to assist a driver, not to "do" the function for the...
3 Signs Your Teen Is Ready to Drive
Several parents have asked how they can tell if their teenager is ready to drive. DrivingMBA emphasizes readiness vs. eligibility as there is a significant difference between the two. In Arizona, teenagers are eligible for their learner's permit when they are 15 1/2...
A Better Driver Education
Article By: Angela FuchsPublication: North Peoria LifeStyle MagazineDate: August 2022 Getting new drivers ready for the road can be stressful. DrivingMBA (DrivingMBA.com) aims to reduce that stress by offering a comprehensive driving program that gets both parents and...
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...
Best 2022 New and Used Vehicles for Teenage Drivers
U.S. News recently published an article recommending new and used vehicles for teens. They are suggesting parents look for: Driver Assistance Features Strong predicted reliability ratings Excellent crash scores The 2022 vehicles they recommend are: Hyundai Elantra...
Arizona MVD makes changes to driving test to ensure drivers are better prepared
Driving MBA Featured on ABC 15 In this segment, ABC 15 discusses some of the driving test changes being enacted by the Arizona Motor Vehicle Department. The article highlights how Driving MBA is helping teens prepare for the the updated driving test as well as provide...
National Teen Driver Safety Week: Talk to Your Kids About Safe Driving Habits
October 16-22, 2022 / National Teen Driver Safety Week This week, and every week, parents should have conversations with their teens about the important rules they need to follow to stay safe behind the wheel of a motor vehicle. These rules address the greatest...
Driving school vs. home lessons: Are your teens prepared?
In Arizona, most in-school driver training programs are long gone — victims of budget considerations and liability concerns. Many parents opt to pay for private driver training programs, while others try to teach teenagers the basics independently. In this segment,...
Study finds most drivers do not understand new vehicle safety features and how Driving MBA can help
Study finds most drivers do not understand new vehicle safety features Driving MBA is featured on an ABC 15 News segment in which they discuss how many drivers are unaware of or not taking the time to understand all the safety features of new vehicles. In the segment,...
Is technology in vehicles safe or is it more distractions for drivers to engage with?
Is technology in vehicles safe, or is it more distractions for drivers to engage with? The jury is still out, particularly for new drivers. DrivingMBA's approach to technology in vehicles emphasizes that it is there to assist a driver, not to "do" the function for the...
3 Signs Your Teen Is Ready to Drive
Several parents have asked how they can tell if their teenager is ready to drive. DrivingMBA emphasizes readiness vs. eligibility as there is a significant difference between the two. In Arizona, teenagers are eligible for their learner's permit when they are 15 1/2...
A Better Driver Education
Article By: Angela FuchsPublication: North Peoria LifeStyle MagazineDate: August 2022 Getting new drivers ready for the road can be stressful. DrivingMBA (DrivingMBA.com) aims to reduce that stress by offering a comprehensive driving program that gets both parents and...