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.
#FEFEFE
#9293a6
#bfaa8f
#3b1473
#323459
#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
United We Stand
Scripture: Two are better than one, because they have a good return for their labor: If either of them falls down, one can help the other up. But pity anyone who falls and has no one to help them up. Also, if two lie down together, they will keep warm. But how can...
The Mandalorian Creed – This is the Way
Scripture: And the Word became flesh and dwelt among us, and we beheld His glory, the glory as of the only begotten of the Father, full of grace and truth. John 1:14 Furthermore, we have seen with our own eyes and now testify that the Father sent his Son to be the...
Your Company’s Most Beneficial Half Day
If you really want to integrate a culture of generosity into the DNA of your business, consider a strategic half day of service to a local non-profit. I know the idea of shutting down work for a few hours on a Friday seems like a stretch but hear me out...if planned...
Drawing Closer to the Mountain
Hebrews 7:25 - He is able to save forever those who draw near to God through Him, since He always lives to make intercession for them. Back in the summer of 2017, I set out on one of the most formative adventures I’ve ever experienced: backpacking The Wonderland...
The Biggest Overlooked Benefit of Corporate Giving
Sure, your business gives back to a handful of groups or organizations, maybe even carefully selected ones, and you give a percentage or set dollar amount each year and feel good about that. Great! You’re helping make the world a better place, and that is no small...
Now and Then
Scripture: Then… the church throughout Judea, Galilee and Samaria enjoyed a time of peace and was strengthened. Living in the fear of the Lord and encouraged by the Holy Spirit, it increased in numbers. Acts 9:31 Reflection: “Then” is a powerful word. It...
Breaking the Model of Corporate Giving
“...Yes, we’re looking for sponsors for our annual [insert cause here] dinner...would you be interested in donating?” It’s a pretty simple, straightforward pitch that small business owners have heard dozens of times. How do you say no to sponsoring a table for...
Reaching Deaf in the Philippines
We support 10 deaf children in the Philippines, ensuring they receive food, housing, an education, and job training to ensure they have a brighter future. IDEA Philippines is a boarding school, specifically designed for deaf children in the Philippines. Their K-12...
Pregnancy Clinic in Uganda
Donated funds to provide maternity equipment including an ultrasound machine for clinic for pregnant mothers in a remote village in Uganda. Prior to this, mothers would need to walk or ride on motorcycle over 12 miles on rough po hole laden path to give birth. To...
Rowing Through a War Zone
The Solid Rock team was able to deliver supplies to a stranded village in the Ukraine/Russia war. The bridge was destroyed and rather than driving 6 hours to the nearest conflict-free bridge, the team decided to get a boat and row the supplies to those in need. Solid...
United We Stand
Scripture: Two are better than one, because they have a good return for their labor: If either of them falls down, one can help the other up. But pity anyone who falls and has no one to help them up. Also, if two lie down together, they will keep warm. But how can...
The Mandalorian Creed – This is the Way
Scripture: And the Word became flesh and dwelt among us, and we beheld His glory, the glory as of the only begotten of the Father, full of grace and truth. John 1:14 Furthermore, we have seen with our own eyes and now testify that the Father sent his Son to be the...
Your Company’s Most Beneficial Half Day
If you really want to integrate a culture of generosity into the DNA of your business, consider a strategic half day of service to a local non-profit. I know the idea of shutting down work for a few hours on a Friday seems like a stretch but hear me out...if planned...
Drawing Closer to the Mountain
Hebrews 7:25 - He is able to save forever those who draw near to God through Him, since He always lives to make intercession for them. Back in the summer of 2017, I set out on one of the most formative adventures I’ve ever experienced: backpacking The Wonderland...
The Biggest Overlooked Benefit of Corporate Giving
Sure, your business gives back to a handful of groups or organizations, maybe even carefully selected ones, and you give a percentage or set dollar amount each year and feel good about that. Great! You’re helping make the world a better place, and that is no small...
Now and Then
Scripture: Then… the church throughout Judea, Galilee and Samaria enjoyed a time of peace and was strengthened. Living in the fear of the Lord and encouraged by the Holy Spirit, it increased in numbers. Acts 9:31 Reflection: “Then” is a powerful word. It...
Breaking the Model of Corporate Giving
“...Yes, we’re looking for sponsors for our annual [insert cause here] dinner...would you be interested in donating?” It’s a pretty simple, straightforward pitch that small business owners have heard dozens of times. How do you say no to sponsoring a table for...
Reaching Deaf in the Philippines
We support 10 deaf children in the Philippines, ensuring they receive food, housing, an education, and job training to ensure they have a brighter future. IDEA Philippines is a boarding school, specifically designed for deaf children in the Philippines. Their K-12...
Pregnancy Clinic in Uganda
Donated funds to provide maternity equipment including an ultrasound machine for clinic for pregnant mothers in a remote village in Uganda. Prior to this, mothers would need to walk or ride on motorcycle over 12 miles on rough po hole laden path to give birth. To...
Rowing Through a War Zone
The Solid Rock team was able to deliver supplies to a stranded village in the Ukraine/Russia war. The bridge was destroyed and rather than driving 6 hours to the nearest conflict-free bridge, the team decided to get a boat and row the supplies to those in need. Solid...
United We Stand
Scripture: Two are better than one, because they have a good return for their labor: If either of them falls down, one can help the other up. But pity anyone who falls and has no one to help them up. Also, if two lie down together, they will keep warm. But how can...
The Mandalorian Creed – This is the Way
Scripture: And the Word became flesh and dwelt among us, and we beheld His glory, the glory as of the only begotten of the Father, full of grace and truth. John 1:14 Furthermore, we have seen with our own eyes and now testify that the Father sent his Son to be the...
Your Company’s Most Beneficial Half Day
If you really want to integrate a culture of generosity into the DNA of your business, consider a strategic half day of service to a local non-profit. I know the idea of shutting down work for a few hours on a Friday seems like a stretch but hear me out...if planned...
Drawing Closer to the Mountain
Hebrews 7:25 - He is able to save forever those who draw near to God through Him, since He always lives to make intercession for them. Back in the summer of 2017, I set out on one of the most formative adventures I’ve ever experienced: backpacking The Wonderland...
The Biggest Overlooked Benefit of Corporate Giving
Sure, your business gives back to a handful of groups or organizations, maybe even carefully selected ones, and you give a percentage or set dollar amount each year and feel good about that. Great! You’re helping make the world a better place, and that is no small...
Now and Then
Scripture: Then… the church throughout Judea, Galilee and Samaria enjoyed a time of peace and was strengthened. Living in the fear of the Lord and encouraged by the Holy Spirit, it increased in numbers. Acts 9:31 Reflection: “Then” is a powerful word. It...
Breaking the Model of Corporate Giving
“...Yes, we’re looking for sponsors for our annual [insert cause here] dinner...would you be interested in donating?” It’s a pretty simple, straightforward pitch that small business owners have heard dozens of times. How do you say no to sponsoring a table for...
Reaching Deaf in the Philippines
We support 10 deaf children in the Philippines, ensuring they receive food, housing, an education, and job training to ensure they have a brighter future. IDEA Philippines is a boarding school, specifically designed for deaf children in the Philippines. Their K-12...
Pregnancy Clinic in Uganda
Donated funds to provide maternity equipment including an ultrasound machine for clinic for pregnant mothers in a remote village in Uganda. Prior to this, mothers would need to walk or ride on motorcycle over 12 miles on rough po hole laden path to give birth. To...
Rowing Through a War Zone
The Solid Rock team was able to deliver supplies to a stranded village in the Ukraine/Russia war. The bridge was destroyed and rather than driving 6 hours to the nearest conflict-free bridge, the team decided to get a boat and row the supplies to those in need. Solid...
