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
The Ultimate Guide to Senior Care Finders: Finding the Best Care for Your Loved Ones
Discover the ins and outs of senior care finder platforms, ensuring your elderly loved ones receive the best care tailored to their needs. Introduction to Senior Care Finders The aging population is on the rise, and with it comes the increasing need for elderly...
10 Proven Tips for Optimizing Your Senior Community’s Google Business Profile to Generate More Leads
Introduction to Google Business Profile for Senior Living Communities In today's digital age, having a robust online presence is paramount for businesses, including senior living communities. With the majority of families turning to the internet to find suitable...
Dwellr: The Zillow for Senior Living
Introduction In the realm of real estate, Zillow has made a significant mark by simplifying the process of buying, selling, and renting homes. It's a platform that has brought transparency, ease, and a plethora of options to users' fingertips. Similarly, in the sphere...
Top Senior Living Communities in Denver, CO (2023)
Denver, the Mile-High City, is renowned for its picturesque landscapes, cultural richness, and now, its exceptional senior living communities. As the senior population grows, Denver has stepped up, offering some of the nation's premier facilities. Here's an in-depth...
A Place For Mom vs Caring.com: Which service is best for seniors?
In the digital age, finding the right senior community for loved ones has shifted from word-of-mouth recommendations and physical visits to online research and virtual tours. With several platforms available, making an informed choice is both a boon and a challenge....
The Guide to Independent Living Costs in Nebraska
Understanding Independent Living Independent living, often referred to as retirement living, offers seniors a lifestyle of ease and convenience. In Nebraska, this lifestyle is becoming increasingly popular. But what does it cost? Factors Influencing the Cost Several...
Lincoln, NE Community Spotlight: The Waterford
Introduction The Waterford is known for their premier assisted living and memory care communities located in the heart of Lincoln, NE. At Dwellr, we love The Waterford for their commitment to providing exceptional care and comfort to their residents. Knowing their...
Understanding Medicare: A Guide to Senior Care
Introduction to Medicare Medicare is a federal health insurance program in the United States that provides coverage for individuals aged 65 and older, as well as certain younger individuals with disabilities. It was established in 1965 under the Social Security Act...
Discover the Benefits of Ovation Heartwood Preserve in Omaha
Ovation Heartwood Preserve is a highly reputable assisted living facility located in Omaha, Nebraska. With its commitment to providing exceptional care and support to seniors, it has become the go-to choice for families seeking a nurturing and comfortable environment...
Discovering the Finest Assisted Living Communities near Omaha, NE
As we journey through life, the time may come when we or our loved ones require additional support and care. Assisted living communities offer a wonderful option for those seeking a balance of independence and assistance with daily tasks. In the vibrant city of Omaha,...
The Ultimate Guide to Senior Care Finders: Finding the Best Care for Your Loved Ones
Discover the ins and outs of senior care finder platforms, ensuring your elderly loved ones receive the best care tailored to their needs. Introduction to Senior Care Finders The aging population is on the rise, and with it comes the increasing need for elderly...
10 Proven Tips for Optimizing Your Senior Community’s Google Business Profile to Generate More Leads
Introduction to Google Business Profile for Senior Living Communities In today's digital age, having a robust online presence is paramount for businesses, including senior living communities. With the majority of families turning to the internet to find suitable...
Dwellr: The Zillow for Senior Living
Introduction In the realm of real estate, Zillow has made a significant mark by simplifying the process of buying, selling, and renting homes. It's a platform that has brought transparency, ease, and a plethora of options to users' fingertips. Similarly, in the sphere...
Top Senior Living Communities in Denver, CO (2023)
Denver, the Mile-High City, is renowned for its picturesque landscapes, cultural richness, and now, its exceptional senior living communities. As the senior population grows, Denver has stepped up, offering some of the nation's premier facilities. Here's an in-depth...
A Place For Mom vs Caring.com: Which service is best for seniors?
In the digital age, finding the right senior community for loved ones has shifted from word-of-mouth recommendations and physical visits to online research and virtual tours. With several platforms available, making an informed choice is both a boon and a challenge....
The Guide to Independent Living Costs in Nebraska
Understanding Independent Living Independent living, often referred to as retirement living, offers seniors a lifestyle of ease and convenience. In Nebraska, this lifestyle is becoming increasingly popular. But what does it cost? Factors Influencing the Cost Several...
Lincoln, NE Community Spotlight: The Waterford
Introduction The Waterford is known for their premier assisted living and memory care communities located in the heart of Lincoln, NE. At Dwellr, we love The Waterford for their commitment to providing exceptional care and comfort to their residents. Knowing their...
Understanding Medicare: A Guide to Senior Care
Introduction to Medicare Medicare is a federal health insurance program in the United States that provides coverage for individuals aged 65 and older, as well as certain younger individuals with disabilities. It was established in 1965 under the Social Security Act...
Discover the Benefits of Ovation Heartwood Preserve in Omaha
Ovation Heartwood Preserve is a highly reputable assisted living facility located in Omaha, Nebraska. With its commitment to providing exceptional care and support to seniors, it has become the go-to choice for families seeking a nurturing and comfortable environment...
Discovering the Finest Assisted Living Communities near Omaha, NE
As we journey through life, the time may come when we or our loved ones require additional support and care. Assisted living communities offer a wonderful option for those seeking a balance of independence and assistance with daily tasks. In the vibrant city of Omaha,...
The Ultimate Guide to Senior Care Finders: Finding the Best Care for Your Loved Ones
Discover the ins and outs of senior care finder platforms, ensuring your elderly loved ones receive the best care tailored to their needs. Introduction to Senior Care Finders The aging population is on the rise, and with it comes the increasing need for elderly...
10 Proven Tips for Optimizing Your Senior Community’s Google Business Profile to Generate More Leads
Introduction to Google Business Profile for Senior Living Communities In today's digital age, having a robust online presence is paramount for businesses, including senior living communities. With the majority of families turning to the internet to find suitable...
Dwellr: The Zillow for Senior Living
Introduction In the realm of real estate, Zillow has made a significant mark by simplifying the process of buying, selling, and renting homes. It's a platform that has brought transparency, ease, and a plethora of options to users' fingertips. Similarly, in the sphere...
Top Senior Living Communities in Denver, CO (2023)
Denver, the Mile-High City, is renowned for its picturesque landscapes, cultural richness, and now, its exceptional senior living communities. As the senior population grows, Denver has stepped up, offering some of the nation's premier facilities. Here's an in-depth...
A Place For Mom vs Caring.com: Which service is best for seniors?
In the digital age, finding the right senior community for loved ones has shifted from word-of-mouth recommendations and physical visits to online research and virtual tours. With several platforms available, making an informed choice is both a boon and a challenge....
The Guide to Independent Living Costs in Nebraska
Understanding Independent Living Independent living, often referred to as retirement living, offers seniors a lifestyle of ease and convenience. In Nebraska, this lifestyle is becoming increasingly popular. But what does it cost? Factors Influencing the Cost Several...
Lincoln, NE Community Spotlight: The Waterford
Introduction The Waterford is known for their premier assisted living and memory care communities located in the heart of Lincoln, NE. At Dwellr, we love The Waterford for their commitment to providing exceptional care and comfort to their residents. Knowing their...
Understanding Medicare: A Guide to Senior Care
Introduction to Medicare Medicare is a federal health insurance program in the United States that provides coverage for individuals aged 65 and older, as well as certain younger individuals with disabilities. It was established in 1965 under the Social Security Act...
Discover the Benefits of Ovation Heartwood Preserve in Omaha
Ovation Heartwood Preserve is a highly reputable assisted living facility located in Omaha, Nebraska. With its commitment to providing exceptional care and support to seniors, it has become the go-to choice for families seeking a nurturing and comfortable environment...
Discovering the Finest Assisted Living Communities near Omaha, NE
As we journey through life, the time may come when we or our loved ones require additional support and care. Assisted living communities offer a wonderful option for those seeking a balance of independence and assistance with daily tasks. In the vibrant city of Omaha,...