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
What’s in a Name?
This week the Narrative Lectionary moves to the story of Moses in the book of Exodus. Remember that the family of Jacob, the Israelite people, were living in Egyptian territory because of famine in Canaan. Jacob’s son Joseph had become an important leader in Egypt and his presence and reputation kept the Israelites safe and thriving.
Sunday Forum | October 8; 9:40am
Catechism, Creed & Commandments What do you remember about your years in confirmation? Can you still remember Luther’s explanations or the Bible verse you recited before the congregation? As our middle-schoolers launch into a new year of confirmation, Pastor...
Sunday Forum | October 15; 9:40am
Be My People The story of Ruth & Naomi is a powerful witness to capacity to create a life-sustaining family, even among those only related by circumstance. Our Special Guest, Heidi Wiste, is the President of Children’s Home Society of Minnesota and...
Who Are We?
Yesterday following worship, our congregation gathered to make some important decisions about our future. On the surface, the questions before us were simple and straightforward- do we dedicate a portion of our resources for the sake of serving our neighbors? But it’s also true that these decisions would define the shape and nature of this community of faith that we will experience together in the years to come.
Community Dinner
Sunday, Oct. 15, 5:30-7pm – We’re hosting another monthly dinner for our budding community. You are invited to join us on the 3rd Sunday evening of the month as we gather to share a meal, meet some new people, trade stories, and celebrate what God is making possible in our midst.
See The Saint John’s Bible
Tuesday, October 17; 7:30am - 4:30pm Join us as we travel in comfort on board a Lorenz 55-passenger motor coach to St. John’s University for a presentation on the St. John’s Bible and to see some of its stunningly beautiful pages on display in the Gallery. Our day...
Spooky Music
Sunday, October 29; 4:00pm All are invited for an afternoon of spooky music, story time, trick-or-treating and more!
Aha! on a Mountain
One week ago today, I was sitting in a chalet, perched at the 11,000’ summit of one of the peaks in Wyoming’s Teton mountain range. As I was listening to two other church leaders explore ideas of leadership in the future church, I experienced a real “aha! moment.” As they were discussing the effects of the uncertainty during the pandemic and the continuing ambiguity we’re experiencing, I recognized a resonating strain of this same reality for the church I am called to serve.
September 28 Campus Planning Update
On Wednesday, September 27, 5 representatives of HGA Architectural and Engineering visited Prince of Peace to see our building and campus and to enter a dialog with some members of PoP to explore possibilities for the campus and the ministries that may be at our core...
Prince of Peace Congregation Wrestles
A congregation never stops wrestling with the question, “What must we hold on to and what needs to be changed.” As citizens we have many opportunities to vote, as we also have decisions to make as church members.
What’s in a Name?
This week the Narrative Lectionary moves to the story of Moses in the book of Exodus. Remember that the family of Jacob, the Israelite people, were living in Egyptian territory because of famine in Canaan. Jacob’s son Joseph had become an important leader in Egypt and his presence and reputation kept the Israelites safe and thriving.
Sunday Forum | October 8; 9:40am
Catechism, Creed & Commandments What do you remember about your years in confirmation? Can you still remember Luther’s explanations or the Bible verse you recited before the congregation? As our middle-schoolers launch into a new year of confirmation, Pastor...
Sunday Forum | October 15; 9:40am
Be My People The story of Ruth & Naomi is a powerful witness to capacity to create a life-sustaining family, even among those only related by circumstance. Our Special Guest, Heidi Wiste, is the President of Children’s Home Society of Minnesota and...
Who Are We?
Yesterday following worship, our congregation gathered to make some important decisions about our future. On the surface, the questions before us were simple and straightforward- do we dedicate a portion of our resources for the sake of serving our neighbors? But it’s also true that these decisions would define the shape and nature of this community of faith that we will experience together in the years to come.
Community Dinner
Sunday, Oct. 15, 5:30-7pm – We’re hosting another monthly dinner for our budding community. You are invited to join us on the 3rd Sunday evening of the month as we gather to share a meal, meet some new people, trade stories, and celebrate what God is making possible in our midst.
See The Saint John’s Bible
Tuesday, October 17; 7:30am - 4:30pm Join us as we travel in comfort on board a Lorenz 55-passenger motor coach to St. John’s University for a presentation on the St. John’s Bible and to see some of its stunningly beautiful pages on display in the Gallery. Our day...
Spooky Music
Sunday, October 29; 4:00pm All are invited for an afternoon of spooky music, story time, trick-or-treating and more!
Aha! on a Mountain
One week ago today, I was sitting in a chalet, perched at the 11,000’ summit of one of the peaks in Wyoming’s Teton mountain range. As I was listening to two other church leaders explore ideas of leadership in the future church, I experienced a real “aha! moment.” As they were discussing the effects of the uncertainty during the pandemic and the continuing ambiguity we’re experiencing, I recognized a resonating strain of this same reality for the church I am called to serve.
September 28 Campus Planning Update
On Wednesday, September 27, 5 representatives of HGA Architectural and Engineering visited Prince of Peace to see our building and campus and to enter a dialog with some members of PoP to explore possibilities for the campus and the ministries that may be at our core...
Prince of Peace Congregation Wrestles
A congregation never stops wrestling with the question, “What must we hold on to and what needs to be changed.” As citizens we have many opportunities to vote, as we also have decisions to make as church members.
What’s in a Name?
This week the Narrative Lectionary moves to the story of Moses in the book of Exodus. Remember that the family of Jacob, the Israelite people, were living in Egyptian territory because of famine in Canaan. Jacob’s son Joseph had become an important leader in Egypt and his presence and reputation kept the Israelites safe and thriving.
Sunday Forum | October 8; 9:40am
Catechism, Creed & Commandments What do you remember about your years in confirmation? Can you still remember Luther’s explanations or the Bible verse you recited before the congregation? As our middle-schoolers launch into a new year of confirmation, Pastor...
Sunday Forum | October 15; 9:40am
Be My People The story of Ruth & Naomi is a powerful witness to capacity to create a life-sustaining family, even among those only related by circumstance. Our Special Guest, Heidi Wiste, is the President of Children’s Home Society of Minnesota and...
Who Are We?
Yesterday following worship, our congregation gathered to make some important decisions about our future. On the surface, the questions before us were simple and straightforward- do we dedicate a portion of our resources for the sake of serving our neighbors? But it’s also true that these decisions would define the shape and nature of this community of faith that we will experience together in the years to come.
Community Dinner
Sunday, Oct. 15, 5:30-7pm – We’re hosting another monthly dinner for our budding community. You are invited to join us on the 3rd Sunday evening of the month as we gather to share a meal, meet some new people, trade stories, and celebrate what God is making possible in our midst.
See The Saint John’s Bible
Tuesday, October 17; 7:30am - 4:30pm Join us as we travel in comfort on board a Lorenz 55-passenger motor coach to St. John’s University for a presentation on the St. John’s Bible and to see some of its stunningly beautiful pages on display in the Gallery. Our day...
Spooky Music
Sunday, October 29; 4:00pm All are invited for an afternoon of spooky music, story time, trick-or-treating and more!
Aha! on a Mountain
One week ago today, I was sitting in a chalet, perched at the 11,000’ summit of one of the peaks in Wyoming’s Teton mountain range. As I was listening to two other church leaders explore ideas of leadership in the future church, I experienced a real “aha! moment.” As they were discussing the effects of the uncertainty during the pandemic and the continuing ambiguity we’re experiencing, I recognized a resonating strain of this same reality for the church I am called to serve.
September 28 Campus Planning Update
On Wednesday, September 27, 5 representatives of HGA Architectural and Engineering visited Prince of Peace to see our building and campus and to enter a dialog with some members of PoP to explore possibilities for the campus and the ministries that may be at our core...
Prince of Peace Congregation Wrestles
A congregation never stops wrestling with the question, “What must we hold on to and what needs to be changed.” As citizens we have many opportunities to vote, as we also have decisions to make as church members.