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
Choose Life
Today's author is Prince of Peace member, Carol Swanson. Read again Deut. 30:15-20 Introducing the book Active Hope: How to Face the Mess We’re in with Unexpected Resilience & Creative Power, the very tiny print at the top of the cover says this book is...
July 2025 Council Update
The first order of business for the congregation council on Tuesday July 8 was to hear an update from Caryn and Jim Josephson, our Loving the World sphere leaders. The corrected paragraph should read: They spoke about their upcoming trip to Tanzania in September and...
Vox Nova Chorale Preview Concert
Monday, July 28; 7:30pm All are welcome to the Vox Nova Chorale Preview Concert in the Prince of Peace Sanctuary on Monday, July 28 beginning at 7:30pm. This will be a fun and quick preview concert featuring a number of songs that will be performed at their full...
Be Still and Know That I Am God
July 13 - August 31 As followers of Jesus, we are called to tune out the cacophony and busyness around us and within us in order to be still in God’s presence and listen. This is especially true for Prince of Peace during this “interim” time. Who exactly...
Judy Florine School Supply Drive
Now through Sunday, August 24 School Supplies are on sale now!! During July & August, Prince of Peace will be collecting school supplies for children at Central Park Elementary. We do this in memory of one of our past members, Judy Florine, who was a teacher and...
PSA: Phishing Emails on the Rise
Over the past couple of weeks we have become aware of an increase in phishing emails using Prince of Peace staff names. Here are a few things to look for when receiving an email that looks suspicious. Check the email address - don’t just look at the name, look at the...
Creation…Witnesses
Today's author is Prince of Peace member, Carol Swanson. StockCake In the Deuteronomy text God says, “See, I have set before you today life and prosperity, death and adversity.... I call heaven and earth to witness against you today, and I have set before you life and...
Keep Church Weird
Today's author is Intentional Interim Lead Pastor, Steve Sylvester. In the pastor’s office at Prince of Peace there is a dry erase calendar. It leans against the wall atop a filing cabinet, on top of which are also three candle holders (with only one presently...
Creation…Blesses
Today's author is Prince of Peace member, Carol Swanson. from Carol’s garden: green bee on prairie poppy mallow, September 2024 This week’s theme Creation...Blesses made me think of Matthew Fox’s book Original Blessing: A Primer in Creation Spirituality—another book...
Beautiful Blessings
Today's author is Prince of Peace member, Carol Swanson. Photo from stockcake Scott Tunseth drafted the worship introductions for our Creation series. He wrote: Today we pause in worship to reflect on the abundant ways God blesses us through the creation. We often...
Choose Life
Today's author is Prince of Peace member, Carol Swanson. Read again Deut. 30:15-20 Introducing the book Active Hope: How to Face the Mess We’re in with Unexpected Resilience & Creative Power, the very tiny print at the top of the cover says this book is...
July 2025 Council Update
The first order of business for the congregation council on Tuesday July 8 was to hear an update from Caryn and Jim Josephson, our Loving the World sphere leaders. The corrected paragraph should read: They spoke about their upcoming trip to Tanzania in September and...
Vox Nova Chorale Preview Concert
Monday, July 28; 7:30pm All are welcome to the Vox Nova Chorale Preview Concert in the Prince of Peace Sanctuary on Monday, July 28 beginning at 7:30pm. This will be a fun and quick preview concert featuring a number of songs that will be performed at their full...
Be Still and Know That I Am God
July 13 - August 31 As followers of Jesus, we are called to tune out the cacophony and busyness around us and within us in order to be still in God’s presence and listen. This is especially true for Prince of Peace during this “interim” time. Who exactly...
Judy Florine School Supply Drive
Now through Sunday, August 24 School Supplies are on sale now!! During July & August, Prince of Peace will be collecting school supplies for children at Central Park Elementary. We do this in memory of one of our past members, Judy Florine, who was a teacher and...
PSA: Phishing Emails on the Rise
Over the past couple of weeks we have become aware of an increase in phishing emails using Prince of Peace staff names. Here are a few things to look for when receiving an email that looks suspicious. Check the email address - don’t just look at the name, look at the...
Creation…Witnesses
Today's author is Prince of Peace member, Carol Swanson. StockCake In the Deuteronomy text God says, “See, I have set before you today life and prosperity, death and adversity.... I call heaven and earth to witness against you today, and I have set before you life and...
Keep Church Weird
Today's author is Intentional Interim Lead Pastor, Steve Sylvester. In the pastor’s office at Prince of Peace there is a dry erase calendar. It leans against the wall atop a filing cabinet, on top of which are also three candle holders (with only one presently...
Creation…Blesses
Today's author is Prince of Peace member, Carol Swanson. from Carol’s garden: green bee on prairie poppy mallow, September 2024 This week’s theme Creation...Blesses made me think of Matthew Fox’s book Original Blessing: A Primer in Creation Spirituality—another book...
Beautiful Blessings
Today's author is Prince of Peace member, Carol Swanson. Photo from stockcake Scott Tunseth drafted the worship introductions for our Creation series. He wrote: Today we pause in worship to reflect on the abundant ways God blesses us through the creation. We often...
Choose Life
Today's author is Prince of Peace member, Carol Swanson. Read again Deut. 30:15-20 Introducing the book Active Hope: How to Face the Mess We’re in with Unexpected Resilience & Creative Power, the very tiny print at the top of the cover says this book is...
July 2025 Council Update
The first order of business for the congregation council on Tuesday July 8 was to hear an update from Caryn and Jim Josephson, our Loving the World sphere leaders. The corrected paragraph should read: They spoke about their upcoming trip to Tanzania in September and...
Vox Nova Chorale Preview Concert
Monday, July 28; 7:30pm All are welcome to the Vox Nova Chorale Preview Concert in the Prince of Peace Sanctuary on Monday, July 28 beginning at 7:30pm. This will be a fun and quick preview concert featuring a number of songs that will be performed at their full...
Be Still and Know That I Am God
July 13 - August 31 As followers of Jesus, we are called to tune out the cacophony and busyness around us and within us in order to be still in God’s presence and listen. This is especially true for Prince of Peace during this “interim” time. Who exactly...
Judy Florine School Supply Drive
Now through Sunday, August 24 School Supplies are on sale now!! During July & August, Prince of Peace will be collecting school supplies for children at Central Park Elementary. We do this in memory of one of our past members, Judy Florine, who was a teacher and...
PSA: Phishing Emails on the Rise
Over the past couple of weeks we have become aware of an increase in phishing emails using Prince of Peace staff names. Here are a few things to look for when receiving an email that looks suspicious. Check the email address - don’t just look at the name, look at the...
Creation…Witnesses
Today's author is Prince of Peace member, Carol Swanson. StockCake In the Deuteronomy text God says, “See, I have set before you today life and prosperity, death and adversity.... I call heaven and earth to witness against you today, and I have set before you life and...
Keep Church Weird
Today's author is Intentional Interim Lead Pastor, Steve Sylvester. In the pastor’s office at Prince of Peace there is a dry erase calendar. It leans against the wall atop a filing cabinet, on top of which are also three candle holders (with only one presently...
Creation…Blesses
Today's author is Prince of Peace member, Carol Swanson. from Carol’s garden: green bee on prairie poppy mallow, September 2024 This week’s theme Creation...Blesses made me think of Matthew Fox’s book Original Blessing: A Primer in Creation Spirituality—another book...
Beautiful Blessings
Today's author is Prince of Peace member, Carol Swanson. Photo from stockcake Scott Tunseth drafted the worship introductions for our Creation series. He wrote: Today we pause in worship to reflect on the abundant ways God blesses us through the creation. We often...