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
Lenten Bible Study
The Passions of Christ Join Rev. John Setterlund as he leads a study on Jesus's last days as written in Matthew, Mark, Luke and John. Sundays, February 22-March 2911:45amPoP Meeting Room Bring your Bible!
Sunday Forum | February 8
Palestine | "Hope in a hopeless situation" Join in the discussion led by Rev. John Setterlund who served as Lutheran missionary in Palestine 2006-2008 and has traveled back many times. https://youtu.be/Auz90TgGJJw
God’s Love Is Not Quantified
Today's author is Prince of Peace's Intentional Interim, Rev. Steve Sylvester. One of my pet peeves is the confusion of number and amount. For example, I often hear that “a lot of people are annoyed by grammar geeks.” A lot refers to quantity, and people...
A Theological Puzzle (or Not)
Today's author is Prince of Peace member, Scott Tunseth. The end of the text that was read in worship this past Sunday is a bit puzzling. In fact, I decided not to preach on these verses (John 2:23-25) at all. It’s not that they are impossible to decipher; they hint...
PoP Rocks Summer Trip
by Julene Hannesh This past summer, PoP Rocks (our High School Youth Ministry) spent a week camping along Minnesota’s North Shore—sharing life together and deepening our relationships with God and one another. Our days were filled with hiking through state parks,...
Ways to Support Our Community
Immigrant Support (St. Paul Area Synod, ELCA)Our immigrant siblings are currently being targeted in unjust ways simply because of the color of their skin. We, as the Saint Paul Area Synod, are committed to walking with them through this terrible time of crisis....
A Letter from Deborah Cordes, Congregation President
2025 Annual Report What a year!! Did anyone expect to be where we are today, last January? I did not. Just for perspective….I thought it would be a simple year. Peter was the pastor, and we were fully staffed. The Sacred Settlement was doing OK. Nationally, the world...
Bega Kwa Bega
Prince of Peace has companion relationships with Bomalang’ombe and Vikongwa parishes in the Iringa Diocese of Tanzania. This companionship is part of the larger Bega kwa Bega (Shoulder to Shoulder) connection between the St. Paul Area Synod and the Iringa...
The Lamb of God
Today's author is Prince of Peace Member, Scott Tunseth. We are working our way through the Gospel of John in this fourth year of the Narrative Lectionary. One of the interesting threads in John’s Gospel is his focus on Jesus as the Lamb of God. That name for Jesus is...
Music Ministry
by Milt Warkentien With our yearly theme being “You're invited into Community,” and our individual series themes “You're invited …”, it got me thinking about the music ministry at PoP. A question I’m often asked is “How did you get so and so to come to PoP?” This...
Lenten Bible Study
The Passions of Christ Join Rev. John Setterlund as he leads a study on Jesus's last days as written in Matthew, Mark, Luke and John. Sundays, February 22-March 2911:45amPoP Meeting Room Bring your Bible!
Sunday Forum | February 8
Palestine | "Hope in a hopeless situation" Join in the discussion led by Rev. John Setterlund who served as Lutheran missionary in Palestine 2006-2008 and has traveled back many times. https://youtu.be/Auz90TgGJJw
God’s Love Is Not Quantified
Today's author is Prince of Peace's Intentional Interim, Rev. Steve Sylvester. One of my pet peeves is the confusion of number and amount. For example, I often hear that “a lot of people are annoyed by grammar geeks.” A lot refers to quantity, and people...
A Theological Puzzle (or Not)
Today's author is Prince of Peace member, Scott Tunseth. The end of the text that was read in worship this past Sunday is a bit puzzling. In fact, I decided not to preach on these verses (John 2:23-25) at all. It’s not that they are impossible to decipher; they hint...
PoP Rocks Summer Trip
by Julene Hannesh This past summer, PoP Rocks (our High School Youth Ministry) spent a week camping along Minnesota’s North Shore—sharing life together and deepening our relationships with God and one another. Our days were filled with hiking through state parks,...
Ways to Support Our Community
Immigrant Support (St. Paul Area Synod, ELCA)Our immigrant siblings are currently being targeted in unjust ways simply because of the color of their skin. We, as the Saint Paul Area Synod, are committed to walking with them through this terrible time of crisis....
A Letter from Deborah Cordes, Congregation President
2025 Annual Report What a year!! Did anyone expect to be where we are today, last January? I did not. Just for perspective….I thought it would be a simple year. Peter was the pastor, and we were fully staffed. The Sacred Settlement was doing OK. Nationally, the world...
Bega Kwa Bega
Prince of Peace has companion relationships with Bomalang’ombe and Vikongwa parishes in the Iringa Diocese of Tanzania. This companionship is part of the larger Bega kwa Bega (Shoulder to Shoulder) connection between the St. Paul Area Synod and the Iringa...
The Lamb of God
Today's author is Prince of Peace Member, Scott Tunseth. We are working our way through the Gospel of John in this fourth year of the Narrative Lectionary. One of the interesting threads in John’s Gospel is his focus on Jesus as the Lamb of God. That name for Jesus is...
Music Ministry
by Milt Warkentien With our yearly theme being “You're invited into Community,” and our individual series themes “You're invited …”, it got me thinking about the music ministry at PoP. A question I’m often asked is “How did you get so and so to come to PoP?” This...
Lenten Bible Study
The Passions of Christ Join Rev. John Setterlund as he leads a study on Jesus's last days as written in Matthew, Mark, Luke and John. Sundays, February 22-March 2911:45amPoP Meeting Room Bring your Bible!
Sunday Forum | February 8
Palestine | "Hope in a hopeless situation" Join in the discussion led by Rev. John Setterlund who served as Lutheran missionary in Palestine 2006-2008 and has traveled back many times. https://youtu.be/Auz90TgGJJw
God’s Love Is Not Quantified
Today's author is Prince of Peace's Intentional Interim, Rev. Steve Sylvester. One of my pet peeves is the confusion of number and amount. For example, I often hear that “a lot of people are annoyed by grammar geeks.” A lot refers to quantity, and people...
A Theological Puzzle (or Not)
Today's author is Prince of Peace member, Scott Tunseth. The end of the text that was read in worship this past Sunday is a bit puzzling. In fact, I decided not to preach on these verses (John 2:23-25) at all. It’s not that they are impossible to decipher; they hint...
PoP Rocks Summer Trip
by Julene Hannesh This past summer, PoP Rocks (our High School Youth Ministry) spent a week camping along Minnesota’s North Shore—sharing life together and deepening our relationships with God and one another. Our days were filled with hiking through state parks,...
Ways to Support Our Community
Immigrant Support (St. Paul Area Synod, ELCA)Our immigrant siblings are currently being targeted in unjust ways simply because of the color of their skin. We, as the Saint Paul Area Synod, are committed to walking with them through this terrible time of crisis....
A Letter from Deborah Cordes, Congregation President
2025 Annual Report What a year!! Did anyone expect to be where we are today, last January? I did not. Just for perspective….I thought it would be a simple year. Peter was the pastor, and we were fully staffed. The Sacred Settlement was doing OK. Nationally, the world...
Bega Kwa Bega
Prince of Peace has companion relationships with Bomalang’ombe and Vikongwa parishes in the Iringa Diocese of Tanzania. This companionship is part of the larger Bega kwa Bega (Shoulder to Shoulder) connection between the St. Paul Area Synod and the Iringa...
The Lamb of God
Today's author is Prince of Peace Member, Scott Tunseth. We are working our way through the Gospel of John in this fourth year of the Narrative Lectionary. One of the interesting threads in John’s Gospel is his focus on Jesus as the Lamb of God. That name for Jesus is...
Music Ministry
by Milt Warkentien With our yearly theme being “You're invited into Community,” and our individual series themes “You're invited …”, it got me thinking about the music ministry at PoP. A question I’m often asked is “How did you get so and so to come to PoP?” This...