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
#F9F9F9
#f2f2f2
#e0e0e0
#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
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
2026 Investment Market Outlook
« Back to Spring 2026 Newsletter Guest article by Rhonda Martin at Plan For Wealth After two back-to-back growth years for investors, many Canadians are concerned whether these good times will continue — and where to place their investments and savings this year. In...
Attention Boaters: Transport Canada’s New Boat Licence Rules
« Back to Spring 2026 Newsletter With boating season approaching in Ontario, it’s a good time for a reminder that Transport Canada introduced several updates to pleasure craft licensing rules, effective Dec. 31, 2025. These adjustments aim to strengthen boating...
Staebler Suggests: Exciting March Break Ideas in Waterloo Region
« Back to Spring 2026 Newsletter March Break is a perfect time for families and individuals to explore the vibrant offerings of Waterloo Region. Whether you're looking for educational experiences, outdoor adventures, or creative fun, there's something for everyone....
What Trucking Companies Need to Know About CRA’s Tax Compliance
The trucking industry is the backbone of Canada’s economy — keeping goods moving, supply chains steady, and businesses connected. Lately, this essential role has increased attention from regulators, including the Canada Revenue Agency (CRA). Recently, the CRA updated...
Important Reminder to Remove Snow and Ice from Your Roof
While roofs are built to handle some accumulation of snow, it’s important not to let snow or ice build up too much. This winter has seen a significant amount of snow add up since early November. Accumulation beyond 20 cm can cause damage to the structure and roofing...
Evolving Trade is Reshaping Long‑Haul Trucking Risk
Long‑haul trucking is a challenging segment for insurance companies, particularly for fleets operating across the Canada–US border.
How to Save on Your Insurance in 2026
January is a time where home budgets are often reviewed and many look for opportunities to find savings in their monthly expenses. As an independent insurance broker, our mandate is to represent you and find sustainable insurance solutions to keep you protected...
Home Insurance Risks Can Rise with Rapid Snowmelt
As we move into mid-January 2026, Ontario is experiencing an unexpected January thaw. Warmer than average temperatures across North America are causing some of the accumulated snow from earlier winter storms to melt rapidly. While this might feel like a welcome break...
Definity (Economical Insurance) acquires Travelers Canada: What It Means For You
On Jan. 2, 2026, Definity Financial Corporation, the parent company of Economical Insurance, completed its acquisition of Travelers Canada.
Which are the Most Stolen Cars in Canada?
Each year the Équité Association delivers the sobering news that auto theft isn’t going away in Canada any time soon. However, their most recent report shines a light on some good news for Canadians who are worried about auto theft. Overall, reported thefts declined...
2026 Investment Market Outlook
« Back to Spring 2026 Newsletter Guest article by Rhonda Martin at Plan For Wealth After two back-to-back growth years for investors, many Canadians are concerned whether these good times will continue — and where to place their investments and savings this year. In...
Attention Boaters: Transport Canada’s New Boat Licence Rules
« Back to Spring 2026 Newsletter With boating season approaching in Ontario, it’s a good time for a reminder that Transport Canada introduced several updates to pleasure craft licensing rules, effective Dec. 31, 2025. These adjustments aim to strengthen boating...
Staebler Suggests: Exciting March Break Ideas in Waterloo Region
« Back to Spring 2026 Newsletter March Break is a perfect time for families and individuals to explore the vibrant offerings of Waterloo Region. Whether you're looking for educational experiences, outdoor adventures, or creative fun, there's something for everyone....
What Trucking Companies Need to Know About CRA’s Tax Compliance
The trucking industry is the backbone of Canada’s economy — keeping goods moving, supply chains steady, and businesses connected. Lately, this essential role has increased attention from regulators, including the Canada Revenue Agency (CRA). Recently, the CRA updated...
Important Reminder to Remove Snow and Ice from Your Roof
While roofs are built to handle some accumulation of snow, it’s important not to let snow or ice build up too much. This winter has seen a significant amount of snow add up since early November. Accumulation beyond 20 cm can cause damage to the structure and roofing...
Evolving Trade is Reshaping Long‑Haul Trucking Risk
Long‑haul trucking is a challenging segment for insurance companies, particularly for fleets operating across the Canada–US border.
How to Save on Your Insurance in 2026
January is a time where home budgets are often reviewed and many look for opportunities to find savings in their monthly expenses. As an independent insurance broker, our mandate is to represent you and find sustainable insurance solutions to keep you protected...
Home Insurance Risks Can Rise with Rapid Snowmelt
As we move into mid-January 2026, Ontario is experiencing an unexpected January thaw. Warmer than average temperatures across North America are causing some of the accumulated snow from earlier winter storms to melt rapidly. While this might feel like a welcome break...
Definity (Economical Insurance) acquires Travelers Canada: What It Means For You
On Jan. 2, 2026, Definity Financial Corporation, the parent company of Economical Insurance, completed its acquisition of Travelers Canada.
Which are the Most Stolen Cars in Canada?
Each year the Équité Association delivers the sobering news that auto theft isn’t going away in Canada any time soon. However, their most recent report shines a light on some good news for Canadians who are worried about auto theft. Overall, reported thefts declined...
2026 Investment Market Outlook
« Back to Spring 2026 Newsletter Guest article by Rhonda Martin at Plan For Wealth After two back-to-back growth years for investors, many Canadians are concerned whether these good times will continue — and where to place their investments and savings this year. In...
Attention Boaters: Transport Canada’s New Boat Licence Rules
« Back to Spring 2026 Newsletter With boating season approaching in Ontario, it’s a good time for a reminder that Transport Canada introduced several updates to pleasure craft licensing rules, effective Dec. 31, 2025. These adjustments aim to strengthen boating...
Staebler Suggests: Exciting March Break Ideas in Waterloo Region
« Back to Spring 2026 Newsletter March Break is a perfect time for families and individuals to explore the vibrant offerings of Waterloo Region. Whether you're looking for educational experiences, outdoor adventures, or creative fun, there's something for everyone....
What Trucking Companies Need to Know About CRA’s Tax Compliance
The trucking industry is the backbone of Canada’s economy — keeping goods moving, supply chains steady, and businesses connected. Lately, this essential role has increased attention from regulators, including the Canada Revenue Agency (CRA). Recently, the CRA updated...
Important Reminder to Remove Snow and Ice from Your Roof
While roofs are built to handle some accumulation of snow, it’s important not to let snow or ice build up too much. This winter has seen a significant amount of snow add up since early November. Accumulation beyond 20 cm can cause damage to the structure and roofing...
Evolving Trade is Reshaping Long‑Haul Trucking Risk
Long‑haul trucking is a challenging segment for insurance companies, particularly for fleets operating across the Canada–US border.
How to Save on Your Insurance in 2026
January is a time where home budgets are often reviewed and many look for opportunities to find savings in their monthly expenses. As an independent insurance broker, our mandate is to represent you and find sustainable insurance solutions to keep you protected...
Home Insurance Risks Can Rise with Rapid Snowmelt
As we move into mid-January 2026, Ontario is experiencing an unexpected January thaw. Warmer than average temperatures across North America are causing some of the accumulated snow from earlier winter storms to melt rapidly. While this might feel like a welcome break...
Definity (Economical Insurance) acquires Travelers Canada: What It Means For You
On Jan. 2, 2026, Definity Financial Corporation, the parent company of Economical Insurance, completed its acquisition of Travelers Canada.
Which are the Most Stolen Cars in Canada?
Each year the Équité Association delivers the sobering news that auto theft isn’t going away in Canada any time soon. However, their most recent report shines a light on some good news for Canadians who are worried about auto theft. Overall, reported thefts declined...