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
Canada’s Top 5 Most Frequent Frauds in 2026
March is Fraud Prevention Month in Canada. It’s an annual awareness campaign by the Competition Bureau and the Canadian Anti-Fraud Centre (CAFC). This year, the CAFC unveiled a list of the most common scams targeting Canadians — hoping to draw attention to the rising...
What Is a Safety Management System (SMS) in the Marine Sector?
Transport Canada defines a documented Safety Management System (SMS) as: “A structured set of policies and procedures that helps you put in place safety and environmental protection practices.” In other words, this means an SMS formalizes how a vessel owner or...
Spring Thaw Water Prevention Tips
« Back to Spring 2026 Newsletter With spring just around the corner, the thaw that comes with warmer weather is something that should be top of mind. As temperatures rise, melting snow and ice can put your home at risk for unwanted water damage. The spring thaw is one...
The Surprising Reality of 5 Travel Insurance “Myths”
« Back to Spring 2026 Newsletter Guest article by Rhonda Martin, Plan For Wealth Travel insurance can be seen by many as an unnecessary additional cost to a vacation – until something goes wrong. While some travellers rely on ‘credit card’ travel coverages, others...
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.
Canada’s Top 5 Most Frequent Frauds in 2026
March is Fraud Prevention Month in Canada. It’s an annual awareness campaign by the Competition Bureau and the Canadian Anti-Fraud Centre (CAFC). This year, the CAFC unveiled a list of the most common scams targeting Canadians — hoping to draw attention to the rising...
What Is a Safety Management System (SMS) in the Marine Sector?
Transport Canada defines a documented Safety Management System (SMS) as: “A structured set of policies and procedures that helps you put in place safety and environmental protection practices.” In other words, this means an SMS formalizes how a vessel owner or...
Spring Thaw Water Prevention Tips
« Back to Spring 2026 Newsletter With spring just around the corner, the thaw that comes with warmer weather is something that should be top of mind. As temperatures rise, melting snow and ice can put your home at risk for unwanted water damage. The spring thaw is one...
The Surprising Reality of 5 Travel Insurance “Myths”
« Back to Spring 2026 Newsletter Guest article by Rhonda Martin, Plan For Wealth Travel insurance can be seen by many as an unnecessary additional cost to a vacation – until something goes wrong. While some travellers rely on ‘credit card’ travel coverages, others...
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.
Canada’s Top 5 Most Frequent Frauds in 2026
March is Fraud Prevention Month in Canada. It’s an annual awareness campaign by the Competition Bureau and the Canadian Anti-Fraud Centre (CAFC). This year, the CAFC unveiled a list of the most common scams targeting Canadians — hoping to draw attention to the rising...
What Is a Safety Management System (SMS) in the Marine Sector?
Transport Canada defines a documented Safety Management System (SMS) as: “A structured set of policies and procedures that helps you put in place safety and environmental protection practices.” In other words, this means an SMS formalizes how a vessel owner or...
Spring Thaw Water Prevention Tips
« Back to Spring 2026 Newsletter With spring just around the corner, the thaw that comes with warmer weather is something that should be top of mind. As temperatures rise, melting snow and ice can put your home at risk for unwanted water damage. The spring thaw is one...
The Surprising Reality of 5 Travel Insurance “Myths”
« Back to Spring 2026 Newsletter Guest article by Rhonda Martin, Plan For Wealth Travel insurance can be seen by many as an unnecessary additional cost to a vacation – until something goes wrong. While some travellers rely on ‘credit card’ travel coverages, others...
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.