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
#ddccb8
#283444
#055ca8
#444444
#000000
#F9F9F9
#e0e0e0
#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
Secondary
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
Heading 3
Heading 4
Heading 4
Heading 4
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
List
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
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
How Can Clinical Hypnosis Help You?
Do you or a loved one suffer from mentally constricting issues such as addictive behavior, psychological disorders, or sexual performance? Or perhaps the problems are based more on behavioral constrictions, such as eating and sleeping disorders? If the issue is...
What is PTSD and How Can Therapy Help?
What is PTSD Post-Traumatic Stress Disorder (PTSD) is an actual American Psychiatric Association diagnosis, set in place in 1980. During this time, a group of Viet Nam Veterans partnered with two New York psychoanalysts, Chaim Shatan and Robert J. Lifton to lobby for...
Signs That You May Need Couples Counseling
No matter how in love you are with your partner, there may come a time in your relationship where you no longer feel the instinctive urge to ignore their quirks, their eccentricities or their difference of opinion in the name of said love. When that time...
How Family Counseling Can Help You
Raising children and having a family has always been challenging, but it has arguably become even more so in recent years. While many issues will work themselves out over time, there are many instances where family counseling may benefit you and your loved ones....
How Therapy Can Help With Eating Disorders
No matter what you think, most of the time you cannot tell that someone has an eating problem or disorder just by looking at them. Experts believe that eating disorders may be caused by a variety of factors. Although they can affect people of any gender at any stage...
How Can Therapy Help Me?
Within the past decade alone, therapy has evolved to help a very significant amount of the population work through a wide array of personal issues. However, even with this proven track record, there are many among us that aren’t seeking assistance for whatever...
Is Adolescent Therapy the Right Option for Your Teen?
Now more than ever the transition from childhood to adulthood, aka the teenage years, is a critical time in every adolescent’s life as they face more pressure than ever before. Your teen may need counseling appropriate to their needs to work through the issues...
The Benefits of Clinical Hypnosis
Today hypnosis is about as mainstream as an alternative therapy can get. Clinical hypnosis helps patients with anything from mental trauma, depression and anxiety to PTSD, eating disorders and stuttering. The list goes on and on. This form of therapy can help calm...
Eating Disorder Therapy
We Provide Eating Disorder Therapy More than 200,000 people deal with some form of an eating disorder. That said, gaining knowledge, seeking eating disorder therapy, and recovery are crucial for anyone trying to overcome this debilitating disease. Contact Us Today For...
Is Clinical Hypnosis the Right Option for You?
If you have been suffering from a host of mental issues -- including mental trauma, depression, or a loss of purpose -- then it’s likely you have already tried to find a remedy. These “solutions” may have involved medication, self-reflection, CBT, or even...
How Can Clinical Hypnosis Help You?
Do you or a loved one suffer from mentally constricting issues such as addictive behavior, psychological disorders, or sexual performance? Or perhaps the problems are based more on behavioral constrictions, such as eating and sleeping disorders? If the issue is...
What is PTSD and How Can Therapy Help?
What is PTSD Post-Traumatic Stress Disorder (PTSD) is an actual American Psychiatric Association diagnosis, set in place in 1980. During this time, a group of Viet Nam Veterans partnered with two New York psychoanalysts, Chaim Shatan and Robert J. Lifton to lobby for...
Signs That You May Need Couples Counseling
No matter how in love you are with your partner, there may come a time in your relationship where you no longer feel the instinctive urge to ignore their quirks, their eccentricities or their difference of opinion in the name of said love. When that time...
How Family Counseling Can Help You
Raising children and having a family has always been challenging, but it has arguably become even more so in recent years. While many issues will work themselves out over time, there are many instances where family counseling may benefit you and your loved ones....
How Therapy Can Help With Eating Disorders
No matter what you think, most of the time you cannot tell that someone has an eating problem or disorder just by looking at them. Experts believe that eating disorders may be caused by a variety of factors. Although they can affect people of any gender at any stage...
How Can Therapy Help Me?
Within the past decade alone, therapy has evolved to help a very significant amount of the population work through a wide array of personal issues. However, even with this proven track record, there are many among us that aren’t seeking assistance for whatever...
Is Adolescent Therapy the Right Option for Your Teen?
Now more than ever the transition from childhood to adulthood, aka the teenage years, is a critical time in every adolescent’s life as they face more pressure than ever before. Your teen may need counseling appropriate to their needs to work through the issues...
The Benefits of Clinical Hypnosis
Today hypnosis is about as mainstream as an alternative therapy can get. Clinical hypnosis helps patients with anything from mental trauma, depression and anxiety to PTSD, eating disorders and stuttering. The list goes on and on. This form of therapy can help calm...
Eating Disorder Therapy
We Provide Eating Disorder Therapy More than 200,000 people deal with some form of an eating disorder. That said, gaining knowledge, seeking eating disorder therapy, and recovery are crucial for anyone trying to overcome this debilitating disease. Contact Us Today For...
Is Clinical Hypnosis the Right Option for You?
If you have been suffering from a host of mental issues -- including mental trauma, depression, or a loss of purpose -- then it’s likely you have already tried to find a remedy. These “solutions” may have involved medication, self-reflection, CBT, or even...
How Can Clinical Hypnosis Help You?
Do you or a loved one suffer from mentally constricting issues such as addictive behavior, psychological disorders, or sexual performance? Or perhaps the problems are based more on behavioral constrictions, such as eating and sleeping disorders? If the issue is...
What is PTSD and How Can Therapy Help?
What is PTSD Post-Traumatic Stress Disorder (PTSD) is an actual American Psychiatric Association diagnosis, set in place in 1980. During this time, a group of Viet Nam Veterans partnered with two New York psychoanalysts, Chaim Shatan and Robert J. Lifton to lobby for...
Signs That You May Need Couples Counseling
No matter how in love you are with your partner, there may come a time in your relationship where you no longer feel the instinctive urge to ignore their quirks, their eccentricities or their difference of opinion in the name of said love. When that time...
How Family Counseling Can Help You
Raising children and having a family has always been challenging, but it has arguably become even more so in recent years. While many issues will work themselves out over time, there are many instances where family counseling may benefit you and your loved ones....
How Therapy Can Help With Eating Disorders
No matter what you think, most of the time you cannot tell that someone has an eating problem or disorder just by looking at them. Experts believe that eating disorders may be caused by a variety of factors. Although they can affect people of any gender at any stage...
How Can Therapy Help Me?
Within the past decade alone, therapy has evolved to help a very significant amount of the population work through a wide array of personal issues. However, even with this proven track record, there are many among us that aren’t seeking assistance for whatever...
Is Adolescent Therapy the Right Option for Your Teen?
Now more than ever the transition from childhood to adulthood, aka the teenage years, is a critical time in every adolescent’s life as they face more pressure than ever before. Your teen may need counseling appropriate to their needs to work through the issues...
The Benefits of Clinical Hypnosis
Today hypnosis is about as mainstream as an alternative therapy can get. Clinical hypnosis helps patients with anything from mental trauma, depression and anxiety to PTSD, eating disorders and stuttering. The list goes on and on. This form of therapy can help calm...
Eating Disorder Therapy
We Provide Eating Disorder Therapy More than 200,000 people deal with some form of an eating disorder. That said, gaining knowledge, seeking eating disorder therapy, and recovery are crucial for anyone trying to overcome this debilitating disease. Contact Us Today For...
Is Clinical Hypnosis the Right Option for You?
If you have been suffering from a host of mental issues -- including mental trauma, depression, or a loss of purpose -- then it’s likely you have already tried to find a remedy. These “solutions” may have involved medication, self-reflection, CBT, or even...