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
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...
The Road to Competency
Driving is a life skill that requires education, training, and a lot of practice. Below is an explanation of each of the quadrants of the model above. Unconscious incompetence (inexperience) A student does not understand or know how to do something and does not...
How to Avoid the Dangers of Road Rage
Road Rage Incidents Rising in Arizona DrivingMBA is featured on a 12 News segment in which they discuss the rising cases of road rage in the valley. Maria Wojtczak discusses her tips for avoiding road rage situations. These techniques are taught to teens during their...
DrivingMBA Featured on Telemundo AZ
DrivingMBA Featured on Telemundo AZ In the news segment below Maria Wojtzack discusses the dangers of road rage and how to best avoid confrontational situations. DrivingMBA training stresses defensive driving and provides teens with the tools needed to avoid these...
National Teen Driver Safety Week – Defensive Driving
National Teen Driver Safety Week Arizona's Family highlights DrivingMBA during National Teen Driver Safety Week. In this segment, we discuss how DrivingMBA helps teens deal with and avoid distracted driving. Teaching teens how to avoid distracted driving is a critical...
Avoiding Road Rage with proper Driver Training
Addressing Road Rage In Driver Training Road rage is preventable and like any other driving skill being able to identify and avoid road rage is something all students learn at DrivingMBA. In this ABC News segment, our very own Maria Wojtczak provides advice on how to...
12 News Features DrivingMBA during National Teen Driver Safety Week
National Teen Driver Safety Week In the news segment below channel 12 News features the driver training at DrivingMBA as the best way to prepare your teen driver for the dangers of Arizona roads. During National Teen Driver Safety week DrivingMBA tries to bring...
Maria Wojtczak discusses the opening of DrivingMBA’s new Glendale Office with Networking Arizona
DrivingMBA Is Now in Glendale, AZ In this episode, Maria discusses the grand opening of their Glendale location which will take place on Oct 23rd from 1 pm to 4 pm. The Glendale office will be dedicated to Jennifer Hinds from Ironwood High School. Jennifer was killed...
A Guide to DrivingMBA’s Training
DrivingMBA's approach to driver training is a unique combination of teaching modalities and provides students with the most comprehensive approach to driver training.  Learning to drive is a significant life-skill, and if not done properly, can result in horrific...
Grand Opening of our Arrowhead Ranch location featured in Peoria Times
DrivingMBA Glendale Featured in Peoria Times Date Published: Sept. 19th, 2021Author: Peoria Times Staff Excerpt: DrivingMBA will host a ribbon-cutting event from 1 to 4 p.m. Saturday, Oct. 23, at its newest site in Glendale. Located at Il Palazzo at Arrowhead Ranch,...
DrivingMBA’s West Valley Teen Driving School Officially Opens with Ribbon Cutting Ceremony
from 1 PM to 4 PM(Glendale, Ariz. – Sept. 9, 2021) DrivingMBA, the industry leader in driver education, is hosting a ribbon-cutting event, Saturday, Oct. 23, from 1 to 4 p.m. at its newest site in Glendale. Located at IL Palazzo at Arrowhead Ranch, 5940 W. Union Hills...
The Road to Competency
Driving is a life skill that requires education, training, and a lot of practice. Below is an explanation of each of the quadrants of the model above. Unconscious incompetence (inexperience) A student does not understand or know how to do something and does not...
How to Avoid the Dangers of Road Rage
Road Rage Incidents Rising in Arizona DrivingMBA is featured on a 12 News segment in which they discuss the rising cases of road rage in the valley. Maria Wojtczak discusses her tips for avoiding road rage situations. These techniques are taught to teens during their...
DrivingMBA Featured on Telemundo AZ
DrivingMBA Featured on Telemundo AZ In the news segment below Maria Wojtzack discusses the dangers of road rage and how to best avoid confrontational situations. DrivingMBA training stresses defensive driving and provides teens with the tools needed to avoid these...
National Teen Driver Safety Week – Defensive Driving
National Teen Driver Safety Week Arizona's Family highlights DrivingMBA during National Teen Driver Safety Week. In this segment, we discuss how DrivingMBA helps teens deal with and avoid distracted driving. Teaching teens how to avoid distracted driving is a critical...
Avoiding Road Rage with proper Driver Training
Addressing Road Rage In Driver Training Road rage is preventable and like any other driving skill being able to identify and avoid road rage is something all students learn at DrivingMBA. In this ABC News segment, our very own Maria Wojtczak provides advice on how to...
12 News Features DrivingMBA during National Teen Driver Safety Week
National Teen Driver Safety Week In the news segment below channel 12 News features the driver training at DrivingMBA as the best way to prepare your teen driver for the dangers of Arizona roads. During National Teen Driver Safety week DrivingMBA tries to bring...
Maria Wojtczak discusses the opening of DrivingMBA’s new Glendale Office with Networking Arizona
DrivingMBA Is Now in Glendale, AZ In this episode, Maria discusses the grand opening of their Glendale location which will take place on Oct 23rd from 1 pm to 4 pm. The Glendale office will be dedicated to Jennifer Hinds from Ironwood High School. Jennifer was killed...
A Guide to DrivingMBA’s Training
DrivingMBA's approach to driver training is a unique combination of teaching modalities and provides students with the most comprehensive approach to driver training.  Learning to drive is a significant life-skill, and if not done properly, can result in horrific...
Grand Opening of our Arrowhead Ranch location featured in Peoria Times
DrivingMBA Glendale Featured in Peoria Times Date Published: Sept. 19th, 2021Author: Peoria Times Staff Excerpt: DrivingMBA will host a ribbon-cutting event from 1 to 4 p.m. Saturday, Oct. 23, at its newest site in Glendale. Located at Il Palazzo at Arrowhead Ranch,...
DrivingMBA’s West Valley Teen Driving School Officially Opens with Ribbon Cutting Ceremony
from 1 PM to 4 PM(Glendale, Ariz. – Sept. 9, 2021) DrivingMBA, the industry leader in driver education, is hosting a ribbon-cutting event, Saturday, Oct. 23, from 1 to 4 p.m. at its newest site in Glendale. Located at IL Palazzo at Arrowhead Ranch, 5940 W. Union Hills...