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
Shamgar and the Ox Goad
Scripture: Judges 3:31 After Ehud came Shamgar son of Anath, who struck down six hundred Philistines with an ox-goad. He too saved Israel. Reflection: Shamgar was the 3rd Judge mentioned in the Book of Judges. Shamgar delivered Israel by striking down 600...
Life on a Speck of Dust
Scripture: The heavens declare the glory of God; the skies proclaim the work of his hands. Day after day they pour forth speech; night after night they reveal knowledge. They have no speech, they use no words; no sound is heard from them. Yet their voice goes out...
Why Your Charitable Donation Feels Pointless
Imagine for a moment that you have a young child in your life, one with whom you are quite fond of, and you want to give them an awesome birthday present. You search around and find that amazing thing you just know they’ll love, you wrap it up all nice and pretty and...
George Washington’s Prayer
Scripture: Psalms 33:12 Blessed is the nation whose God is the Lord. Psalms 11:3 If the foundations are destroyed, what can the righteous do? Proverbs 14.34 Righteousness exalts a nation, but sin is a disgrace to any people. Reflection: We have had another difficult...
Blessings and Prosperity will be Yours
Scripture: "Blessed are all who fear the LORD, who walk in obedience to him. You will eat the fruit of your labor; blessings and prosperity will be yours. Your wife will be like a fruitful vine within your house; your children will be like olive shoots around your...
Is God Nice?
Scripture: Matthew 13:13 Jesus said, “This is why I speak to them in parables: Though seeing, they do not see; though hearing, they do not hear or understand.” Reflection: I think that most of us see God as one who is fair, just, and for the most part, kind. The...
Change of Plan
Scripture: Paul and Silas traveled through the area of Phrygia and Galatia, because the Holy Spirit had prevented them from preaching the word in the province of Asia at that time. Acts 16:6 “The Lord directs our steps, so why try to understand everything along the...
The More Questions, the Better
Scripture: Jesus went on to say, “To what, then, can I compare the people of this generation? What are they like? They are like children sitting in the marketplace and calling out to each other: “‘We played the pipe for you, and you did not dance; we sang a dirge, and...
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...
Shamgar and the Ox Goad
Scripture: Judges 3:31 After Ehud came Shamgar son of Anath, who struck down six hundred Philistines with an ox-goad. He too saved Israel. Reflection: Shamgar was the 3rd Judge mentioned in the Book of Judges. Shamgar delivered Israel by striking down 600...
Life on a Speck of Dust
Scripture: The heavens declare the glory of God; the skies proclaim the work of his hands. Day after day they pour forth speech; night after night they reveal knowledge. They have no speech, they use no words; no sound is heard from them. Yet their voice goes out...
Why Your Charitable Donation Feels Pointless
Imagine for a moment that you have a young child in your life, one with whom you are quite fond of, and you want to give them an awesome birthday present. You search around and find that amazing thing you just know they’ll love, you wrap it up all nice and pretty and...
George Washington’s Prayer
Scripture: Psalms 33:12 Blessed is the nation whose God is the Lord. Psalms 11:3 If the foundations are destroyed, what can the righteous do? Proverbs 14.34 Righteousness exalts a nation, but sin is a disgrace to any people. Reflection: We have had another difficult...
Blessings and Prosperity will be Yours
Scripture: "Blessed are all who fear the LORD, who walk in obedience to him. You will eat the fruit of your labor; blessings and prosperity will be yours. Your wife will be like a fruitful vine within your house; your children will be like olive shoots around your...
Is God Nice?
Scripture: Matthew 13:13 Jesus said, “This is why I speak to them in parables: Though seeing, they do not see; though hearing, they do not hear or understand.” Reflection: I think that most of us see God as one who is fair, just, and for the most part, kind. The...
Change of Plan
Scripture: Paul and Silas traveled through the area of Phrygia and Galatia, because the Holy Spirit had prevented them from preaching the word in the province of Asia at that time. Acts 16:6 “The Lord directs our steps, so why try to understand everything along the...
The More Questions, the Better
Scripture: Jesus went on to say, “To what, then, can I compare the people of this generation? What are they like? They are like children sitting in the marketplace and calling out to each other: “‘We played the pipe for you, and you did not dance; we sang a dirge, and...
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...
Shamgar and the Ox Goad
Scripture: Judges 3:31 After Ehud came Shamgar son of Anath, who struck down six hundred Philistines with an ox-goad. He too saved Israel. Reflection: Shamgar was the 3rd Judge mentioned in the Book of Judges. Shamgar delivered Israel by striking down 600...
Life on a Speck of Dust
Scripture: The heavens declare the glory of God; the skies proclaim the work of his hands. Day after day they pour forth speech; night after night they reveal knowledge. They have no speech, they use no words; no sound is heard from them. Yet their voice goes out...
Why Your Charitable Donation Feels Pointless
Imagine for a moment that you have a young child in your life, one with whom you are quite fond of, and you want to give them an awesome birthday present. You search around and find that amazing thing you just know they’ll love, you wrap it up all nice and pretty and...
George Washington’s Prayer
Scripture: Psalms 33:12 Blessed is the nation whose God is the Lord. Psalms 11:3 If the foundations are destroyed, what can the righteous do? Proverbs 14.34 Righteousness exalts a nation, but sin is a disgrace to any people. Reflection: We have had another difficult...
Blessings and Prosperity will be Yours
Scripture: "Blessed are all who fear the LORD, who walk in obedience to him. You will eat the fruit of your labor; blessings and prosperity will be yours. Your wife will be like a fruitful vine within your house; your children will be like olive shoots around your...
Is God Nice?
Scripture: Matthew 13:13 Jesus said, “This is why I speak to them in parables: Though seeing, they do not see; though hearing, they do not hear or understand.” Reflection: I think that most of us see God as one who is fair, just, and for the most part, kind. The...
Change of Plan
Scripture: Paul and Silas traveled through the area of Phrygia and Galatia, because the Holy Spirit had prevented them from preaching the word in the province of Asia at that time. Acts 16:6 “The Lord directs our steps, so why try to understand everything along the...
The More Questions, the Better
Scripture: Jesus went on to say, “To what, then, can I compare the people of this generation? What are they like? They are like children sitting in the marketplace and calling out to each other: “‘We played the pipe for you, and you did not dance; we sang a dirge, and...
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...
