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.
#F6F6F6
#F1F4FF
#527696
#395B77
#564C8D
#353535
Full Transparency
50% Transparency
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
Tertiary
Heading 1
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
Heading 3
Heading 3
Heading 4
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.
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
- 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
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
Understanding Assisted Living Benefits for Veterans
Are you a veteran in need of long-term care assistance? Do you know the different benefits that you can receive as a veteran for assisted living? As a veteran, you are entitled to numerous benefits that can help you with your long-term care needs. In this...
The Ultimate Guide to Nursing Homes: Caring for Your Loved Ones
As our loved ones age, we may face the difficult decision of placing them in a nursing home. Nursing homes provide care and assistance to seniors who are no longer able to live independently. However, finding the right nursing home can be a daunting task. This guide...
The Best Chair Yoga Positions for Seniors: Keeping Active and Healthy
As people age, their bodies become less flexible and more prone to injury. Yoga is an excellent way to keep the body limber, strengthen the muscles, and reduce stress. However, for seniors, many yoga poses can be difficult to perform due to mobility issues....
Assisted Living Communities in Lincoln, NE
Assisted living communities offer seniors the opportunity to live independently while receiving assistance with daily living tasks. Lincoln, Nebraska is home to several assisted living communities that provide exceptional care and support for their residents. In this...
Dwellr Guide: How to Support Your Aging Parents
As parents age, their needs change. This guide offers practical advice for adult children on how to support aging parents, including tips on healthcare, financial planning, and emotional support.
The Guide to Memory Care: Everything You Need to Know to Help Your Loved Ones
Memory loss can be a challenging and heartbreaking experience for both the individual and their loved ones. It can be a difficult journey to navigate, and you may be left feeling unsure of how to provide the best care for your loved ones. Fortunately, there is hope....
A Guide to Normal Blood Pressure for Seniors
As we age, our body goes through various changes, including changes in our blood pressure. Blood pressure is an important aspect of our overall health, as it can be a major factor in the risk of heart disease, stroke, and other health conditions. Normal blood pressure...
The Different Stages of Dementia
Dementia is a disease that affects millions of people worldwide. It is a progressive brain disorder that slowly destroys memory and thinking skills, making it difficult for individuals to carry out daily activities. The stages of dementia are characterized by a...
Elementor #251668
Armour Oaks Senior Living Community Fallbrook Anthology Of The Plaza Eastmont Courtyard Estates at Hawthorne Crossing Meadowbrook Glenwood Village of Overland Park Ovation Heartwood...
Lincoln, NE | Additional Family Resources
Oasis Senior Advisors Omaha: Oasis Senior Advisors in Omaha, led by Jenny Trebold, offers personalized and compassionate service to seniors and their families. They assist in exploring senior living options, addressing financial and healthcare questions. Danielle...
Understanding Assisted Living Benefits for Veterans
Are you a veteran in need of long-term care assistance? Do you know the different benefits that you can receive as a veteran for assisted living? As a veteran, you are entitled to numerous benefits that can help you with your long-term care needs. In this...
The Ultimate Guide to Nursing Homes: Caring for Your Loved Ones
As our loved ones age, we may face the difficult decision of placing them in a nursing home. Nursing homes provide care and assistance to seniors who are no longer able to live independently. However, finding the right nursing home can be a daunting task. This guide...
The Best Chair Yoga Positions for Seniors: Keeping Active and Healthy
As people age, their bodies become less flexible and more prone to injury. Yoga is an excellent way to keep the body limber, strengthen the muscles, and reduce stress. However, for seniors, many yoga poses can be difficult to perform due to mobility issues....
Assisted Living Communities in Lincoln, NE
Assisted living communities offer seniors the opportunity to live independently while receiving assistance with daily living tasks. Lincoln, Nebraska is home to several assisted living communities that provide exceptional care and support for their residents. In this...
Dwellr Guide: How to Support Your Aging Parents
As parents age, their needs change. This guide offers practical advice for adult children on how to support aging parents, including tips on healthcare, financial planning, and emotional support.
The Guide to Memory Care: Everything You Need to Know to Help Your Loved Ones
Memory loss can be a challenging and heartbreaking experience for both the individual and their loved ones. It can be a difficult journey to navigate, and you may be left feeling unsure of how to provide the best care for your loved ones. Fortunately, there is hope....
A Guide to Normal Blood Pressure for Seniors
As we age, our body goes through various changes, including changes in our blood pressure. Blood pressure is an important aspect of our overall health, as it can be a major factor in the risk of heart disease, stroke, and other health conditions. Normal blood pressure...
The Different Stages of Dementia
Dementia is a disease that affects millions of people worldwide. It is a progressive brain disorder that slowly destroys memory and thinking skills, making it difficult for individuals to carry out daily activities. The stages of dementia are characterized by a...
Elementor #251668
Armour Oaks Senior Living Community Fallbrook Anthology Of The Plaza Eastmont Courtyard Estates at Hawthorne Crossing Meadowbrook Glenwood Village of Overland Park Ovation Heartwood...
Lincoln, NE | Additional Family Resources
Oasis Senior Advisors Omaha: Oasis Senior Advisors in Omaha, led by Jenny Trebold, offers personalized and compassionate service to seniors and their families. They assist in exploring senior living options, addressing financial and healthcare questions. Danielle...
Understanding Assisted Living Benefits for Veterans
Are you a veteran in need of long-term care assistance? Do you know the different benefits that you can receive as a veteran for assisted living? As a veteran, you are entitled to numerous benefits that can help you with your long-term care needs. In this...
The Ultimate Guide to Nursing Homes: Caring for Your Loved Ones
As our loved ones age, we may face the difficult decision of placing them in a nursing home. Nursing homes provide care and assistance to seniors who are no longer able to live independently. However, finding the right nursing home can be a daunting task. This guide...
The Best Chair Yoga Positions for Seniors: Keeping Active and Healthy
As people age, their bodies become less flexible and more prone to injury. Yoga is an excellent way to keep the body limber, strengthen the muscles, and reduce stress. However, for seniors, many yoga poses can be difficult to perform due to mobility issues....
Assisted Living Communities in Lincoln, NE
Assisted living communities offer seniors the opportunity to live independently while receiving assistance with daily living tasks. Lincoln, Nebraska is home to several assisted living communities that provide exceptional care and support for their residents. In this...
Dwellr Guide: How to Support Your Aging Parents
As parents age, their needs change. This guide offers practical advice for adult children on how to support aging parents, including tips on healthcare, financial planning, and emotional support.
The Guide to Memory Care: Everything You Need to Know to Help Your Loved Ones
Memory loss can be a challenging and heartbreaking experience for both the individual and their loved ones. It can be a difficult journey to navigate, and you may be left feeling unsure of how to provide the best care for your loved ones. Fortunately, there is hope....
A Guide to Normal Blood Pressure for Seniors
As we age, our body goes through various changes, including changes in our blood pressure. Blood pressure is an important aspect of our overall health, as it can be a major factor in the risk of heart disease, stroke, and other health conditions. Normal blood pressure...
The Different Stages of Dementia
Dementia is a disease that affects millions of people worldwide. It is a progressive brain disorder that slowly destroys memory and thinking skills, making it difficult for individuals to carry out daily activities. The stages of dementia are characterized by a...
Elementor #251668
Armour Oaks Senior Living Community Fallbrook Anthology Of The Plaza Eastmont Courtyard Estates at Hawthorne Crossing Meadowbrook Glenwood Village of Overland Park Ovation Heartwood...
Lincoln, NE | Additional Family Resources
Oasis Senior Advisors Omaha: Oasis Senior Advisors in Omaha, led by Jenny Trebold, offers personalized and compassionate service to seniors and their families. They assist in exploring senior living options, addressing financial and healthcare questions. Danielle...