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
#6c7d8c
#5D6973
#213440
#A62d2d
#0d0d0d
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
Colossians 1:13, 14 A Transfer Of Citizenship
I Delivered & Conveyed V. 13 A.Delivered 1. Delivered- to draw to one's self, to rescue, to deliver. Rescue by a sovereign power. a. Delivered us from the power of sin. i. Unsaved man (not indwelt w/ Holy Spirit) has only his own power to resist sin ii. Christian...
Colossians 1:15-18 – The Supremacy of the Son of God
Charles Wesley, “Hark the Herald Angels Sing” “Veiled in flesh, the Godhead see, hail the Incarnate Deity, Please as man with men to dwell, Jesus our Emmanuel”… Ray Stedman- The Colossians were in danger…of losing a proper sense of the profound power and eminence of...
Colossians 1:19-23 Jesus Our Reconciler
I. The Deity Of Christ The Reconciler V. 19a A. The Heresy At Colossae 1. Remember that Paul was not writing random thoughts to these Christians 2. Some degree of wrong teaching was in the church; Paul was correcting it. 3. The Colossians heresy seems to have been as...
Colossians 1:24-29 A Message Worth Suffering For
I.The Suffering Of Paul’s Ministry A.He Rejoiced In His Suffering V. 24a 1. It wasn’t a case of Paul enjoying pain for pain’s sake. 2. He was able to rejoice in pain because he was benefiting others. 3. We experience joy when we sacrifice & suffer for others but...
Colossians 1:26, 27 Christ In You, The Hope Of Glory
Every Christian has Jesus as their personal Savior & Redeemer, dwelling within them, and bringing them internal, personalized hope for a glorious eternity with Him. Nothing else and no one else is needed for that salvation and that hope. I. The Theological...
Colossians 1:9-12 How To Pray For A Christian
I. How To Pray For An Unbeliever A. Considerations 1. We often pray for the welfare of unbelievers, i.e., “heal them of their illness”, “provide a job for them”, etc. Not wrong, but certainly not enough. More is needed. 2. We sometimes pray that people would act like...
Colossians 2 Complete & Completely Forgiven
1For I want you to know what a great conflict I have for you and those in Laodicea, and for as many as have not seen my face in the flesh, 2that their hearts may be encouraged, being knit together in love, and attaining to all riches of the full assurance of...
Colossians 2:1-10 Complete (Full) In Christ
I. Paul’s Desire For These Christians A. Paul Felt An Internal Conflict For Them V. 1 1. Paul had a great concern for these people whom he had never met. See also 4:16 a. Conflict- agon, from agōnizomai. We get the word agonize. b. Paul agonized over their spiritual...
Colossians 2:11-14 Spirituality That Profits Nothing
I. How One Is Complete In Christ A. Not Our Human Efforts, But His Finished Work V. 11 1. Most of the Colossian male believers were uncircumcised physically. a. False teachers were telling them they needed this for a higher degree of spirituality. b. That dietary...
Colossians 2:15 Satan, Our Defeated Foe
I. The Setting At Colossae A. False Teaching 1. V. 4 - spiritual deception. What you believe determines how you will live. 2. V. 8 - being cheated. To lead away from truth. 3. Vs.-16, 21 - being wrongly judged. Legalism regarding food & special holy days. 4. V. 18...
Colossians 1:13, 14 A Transfer Of Citizenship
I Delivered & Conveyed V. 13 A.Delivered 1. Delivered- to draw to one's self, to rescue, to deliver. Rescue by a sovereign power. a. Delivered us from the power of sin. i. Unsaved man (not indwelt w/ Holy Spirit) has only his own power to resist sin ii. Christian...
Colossians 1:15-18 – The Supremacy of the Son of God
Charles Wesley, “Hark the Herald Angels Sing” “Veiled in flesh, the Godhead see, hail the Incarnate Deity, Please as man with men to dwell, Jesus our Emmanuel”… Ray Stedman- The Colossians were in danger…of losing a proper sense of the profound power and eminence of...
Colossians 1:19-23 Jesus Our Reconciler
I. The Deity Of Christ The Reconciler V. 19a A. The Heresy At Colossae 1. Remember that Paul was not writing random thoughts to these Christians 2. Some degree of wrong teaching was in the church; Paul was correcting it. 3. The Colossians heresy seems to have been as...
Colossians 1:24-29 A Message Worth Suffering For
I.The Suffering Of Paul’s Ministry A.He Rejoiced In His Suffering V. 24a 1. It wasn’t a case of Paul enjoying pain for pain’s sake. 2. He was able to rejoice in pain because he was benefiting others. 3. We experience joy when we sacrifice & suffer for others but...
Colossians 1:26, 27 Christ In You, The Hope Of Glory
Every Christian has Jesus as their personal Savior & Redeemer, dwelling within them, and bringing them internal, personalized hope for a glorious eternity with Him. Nothing else and no one else is needed for that salvation and that hope. I. The Theological...
Colossians 1:9-12 How To Pray For A Christian
I. How To Pray For An Unbeliever A. Considerations 1. We often pray for the welfare of unbelievers, i.e., “heal them of their illness”, “provide a job for them”, etc. Not wrong, but certainly not enough. More is needed. 2. We sometimes pray that people would act like...
Colossians 2 Complete & Completely Forgiven
1For I want you to know what a great conflict I have for you and those in Laodicea, and for as many as have not seen my face in the flesh, 2that their hearts may be encouraged, being knit together in love, and attaining to all riches of the full assurance of...
Colossians 2:1-10 Complete (Full) In Christ
I. Paul’s Desire For These Christians A. Paul Felt An Internal Conflict For Them V. 1 1. Paul had a great concern for these people whom he had never met. See also 4:16 a. Conflict- agon, from agōnizomai. We get the word agonize. b. Paul agonized over their spiritual...
Colossians 2:11-14 Spirituality That Profits Nothing
I. How One Is Complete In Christ A. Not Our Human Efforts, But His Finished Work V. 11 1. Most of the Colossian male believers were uncircumcised physically. a. False teachers were telling them they needed this for a higher degree of spirituality. b. That dietary...
Colossians 2:15 Satan, Our Defeated Foe
I. The Setting At Colossae A. False Teaching 1. V. 4 - spiritual deception. What you believe determines how you will live. 2. V. 8 - being cheated. To lead away from truth. 3. Vs.-16, 21 - being wrongly judged. Legalism regarding food & special holy days. 4. V. 18...
Colossians 1:13, 14 A Transfer Of Citizenship
I Delivered & Conveyed V. 13 A.Delivered 1. Delivered- to draw to one's self, to rescue, to deliver. Rescue by a sovereign power. a. Delivered us from the power of sin. i. Unsaved man (not indwelt w/ Holy Spirit) has only his own power to resist sin ii. Christian...
Colossians 1:15-18 – The Supremacy of the Son of God
Charles Wesley, “Hark the Herald Angels Sing” “Veiled in flesh, the Godhead see, hail the Incarnate Deity, Please as man with men to dwell, Jesus our Emmanuel”… Ray Stedman- The Colossians were in danger…of losing a proper sense of the profound power and eminence of...
Colossians 1:19-23 Jesus Our Reconciler
I. The Deity Of Christ The Reconciler V. 19a A. The Heresy At Colossae 1. Remember that Paul was not writing random thoughts to these Christians 2. Some degree of wrong teaching was in the church; Paul was correcting it. 3. The Colossians heresy seems to have been as...
Colossians 1:24-29 A Message Worth Suffering For
I.The Suffering Of Paul’s Ministry A.He Rejoiced In His Suffering V. 24a 1. It wasn’t a case of Paul enjoying pain for pain’s sake. 2. He was able to rejoice in pain because he was benefiting others. 3. We experience joy when we sacrifice & suffer for others but...
Colossians 1:26, 27 Christ In You, The Hope Of Glory
Every Christian has Jesus as their personal Savior & Redeemer, dwelling within them, and bringing them internal, personalized hope for a glorious eternity with Him. Nothing else and no one else is needed for that salvation and that hope. I. The Theological...
Colossians 1:9-12 How To Pray For A Christian
I. How To Pray For An Unbeliever A. Considerations 1. We often pray for the welfare of unbelievers, i.e., “heal them of their illness”, “provide a job for them”, etc. Not wrong, but certainly not enough. More is needed. 2. We sometimes pray that people would act like...
Colossians 2 Complete & Completely Forgiven
1For I want you to know what a great conflict I have for you and those in Laodicea, and for as many as have not seen my face in the flesh, 2that their hearts may be encouraged, being knit together in love, and attaining to all riches of the full assurance of...
Colossians 2:1-10 Complete (Full) In Christ
I. Paul’s Desire For These Christians A. Paul Felt An Internal Conflict For Them V. 1 1. Paul had a great concern for these people whom he had never met. See also 4:16 a. Conflict- agon, from agōnizomai. We get the word agonize. b. Paul agonized over their spiritual...
Colossians 2:11-14 Spirituality That Profits Nothing
I. How One Is Complete In Christ A. Not Our Human Efforts, But His Finished Work V. 11 1. Most of the Colossian male believers were uncircumcised physically. a. False teachers were telling them they needed this for a higher degree of spirituality. b. That dietary...
Colossians 2:15 Satan, Our Defeated Foe
I. The Setting At Colossae A. False Teaching 1. V. 4 - spiritual deception. What you believe determines how you will live. 2. V. 8 - being cheated. To lead away from truth. 3. Vs.-16, 21 - being wrongly judged. Legalism regarding food & special holy days. 4. V. 18...