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
PSCE joins the SRC workshop in Toulouse as representative of the CORE EU-funded project
PSCE is a partner of the EU-funded project CORE (sCience& human factOr for Resilient socieEty) Leveraging on the planned Community for European Research and Innovation for Security (CERIS) event in Toulouse, the Societal Resilience Cluster (SRC) summoned its...
Standardisation for Search and Rescue Operations (Workshop)
The Search and Rescue project is organising a workshop on standardisation for SAR operations in Lavrion, Greece on 8 May 2023 in the afternoon. This workshop will discuss the importance of standardisation in crisis management with a special focus on SAR operations....
Kick-off of FIDAL Project (Field Trials beyond 5G)
FIDAL - Field Trials Beyond 5G - is a project funded as part of the European Smart Networks and Services (SNS) Joint Undertaking, an initiative jointly led by the European Commission and the 6G Smart Networks and Services Industry Association (6G-IA) aimed at boosting...
Success of the PSCE Winter Conference in Brussels
The PSCE Conference took place on 5 and 6 December in Brussels, Belgium in collaboration and hosted by the Belgian Federal Police. This edition was focused on key topics in the fields of Public Safety and Public Protection and Disaster Relief (PPDR), including: Space...
BroadWay @ CERIS event on “Secured Communication Systems”
Today 15 November in Brussels, BroadWay is under the spotlight of an event organised by the CERIS (Community for European Research and Innovation for Security on "Secured Communications System". David Lund (PSCE), coordinator of BroadWay, is presenting the results and...
EITHOS
EITHOS will develop a novel Identity Theft Observatory System, empowering European citizens, Law Enforcements Agencies (LEAs), and policy makers to further contribute to the prevention, detection, and investigation of identity theft related crime.
PSCE is involved in a new EU project:EITHOS
Last October 18 & 19, 2022, in Thessaloniki (Greece), the EITHOS consortium was ready to participate in the Kick-off meeting organised & hosted by the Centre for research and technology Hellas (CERTH), coordinator of the project. The meeting counted the...
Webinar on Robots and Unmanned Vehicles to support first responders operations
This fourth RESPOND-A Webinar will take place on 29 November 2022 and focus on Robots and Unmanned Vehicles to support First Responders Operations. We will provide the state-of-the-art and discuss how these technologies are integrated as part of the RESPOND-A project....
Clustering session on new technologies for first responders on 16 November 2022 (RESPOND-A)
The RESPOND-A project is organising a clustering session with 6 EU projects on new technologies for first responders as part of the Nicosia Risk Forum 2022 on 16 November 2022. There will be a total of 6 projects participating: RESPOND-A (organiser and will lead the...
PSCE @ Civil Security From Space Industry Day
On 8 November David Lund (PSCE) presented PSCE and some of its main activities (BroadWay-BroadNet) at the occasion of the Civil Security From Space Industry Day organised by ESA. as part of the 4S Programme. Europe is facing increasingly significant challenges as it...
PSCE joins the SRC workshop in Toulouse as representative of the CORE EU-funded project
PSCE is a partner of the EU-funded project CORE (sCience& human factOr for Resilient socieEty) Leveraging on the planned Community for European Research and Innovation for Security (CERIS) event in Toulouse, the Societal Resilience Cluster (SRC) summoned its...
Standardisation for Search and Rescue Operations (Workshop)
The Search and Rescue project is organising a workshop on standardisation for SAR operations in Lavrion, Greece on 8 May 2023 in the afternoon. This workshop will discuss the importance of standardisation in crisis management with a special focus on SAR operations....
Kick-off of FIDAL Project (Field Trials beyond 5G)
FIDAL - Field Trials Beyond 5G - is a project funded as part of the European Smart Networks and Services (SNS) Joint Undertaking, an initiative jointly led by the European Commission and the 6G Smart Networks and Services Industry Association (6G-IA) aimed at boosting...
Success of the PSCE Winter Conference in Brussels
The PSCE Conference took place on 5 and 6 December in Brussels, Belgium in collaboration and hosted by the Belgian Federal Police. This edition was focused on key topics in the fields of Public Safety and Public Protection and Disaster Relief (PPDR), including: Space...
BroadWay @ CERIS event on “Secured Communication Systems”
Today 15 November in Brussels, BroadWay is under the spotlight of an event organised by the CERIS (Community for European Research and Innovation for Security on "Secured Communications System". David Lund (PSCE), coordinator of BroadWay, is presenting the results and...
EITHOS
EITHOS will develop a novel Identity Theft Observatory System, empowering European citizens, Law Enforcements Agencies (LEAs), and policy makers to further contribute to the prevention, detection, and investigation of identity theft related crime.
PSCE is involved in a new EU project:EITHOS
Last October 18 & 19, 2022, in Thessaloniki (Greece), the EITHOS consortium was ready to participate in the Kick-off meeting organised & hosted by the Centre for research and technology Hellas (CERTH), coordinator of the project. The meeting counted the...
Webinar on Robots and Unmanned Vehicles to support first responders operations
This fourth RESPOND-A Webinar will take place on 29 November 2022 and focus on Robots and Unmanned Vehicles to support First Responders Operations. We will provide the state-of-the-art and discuss how these technologies are integrated as part of the RESPOND-A project....
Clustering session on new technologies for first responders on 16 November 2022 (RESPOND-A)
The RESPOND-A project is organising a clustering session with 6 EU projects on new technologies for first responders as part of the Nicosia Risk Forum 2022 on 16 November 2022. There will be a total of 6 projects participating: RESPOND-A (organiser and will lead the...
PSCE @ Civil Security From Space Industry Day
On 8 November David Lund (PSCE) presented PSCE and some of its main activities (BroadWay-BroadNet) at the occasion of the Civil Security From Space Industry Day organised by ESA. as part of the 4S Programme. Europe is facing increasingly significant challenges as it...
PSCE joins the SRC workshop in Toulouse as representative of the CORE EU-funded project
PSCE is a partner of the EU-funded project CORE (sCience& human factOr for Resilient socieEty) Leveraging on the planned Community for European Research and Innovation for Security (CERIS) event in Toulouse, the Societal Resilience Cluster (SRC) summoned its...
Standardisation for Search and Rescue Operations (Workshop)
The Search and Rescue project is organising a workshop on standardisation for SAR operations in Lavrion, Greece on 8 May 2023 in the afternoon. This workshop will discuss the importance of standardisation in crisis management with a special focus on SAR operations....
Kick-off of FIDAL Project (Field Trials beyond 5G)
FIDAL - Field Trials Beyond 5G - is a project funded as part of the European Smart Networks and Services (SNS) Joint Undertaking, an initiative jointly led by the European Commission and the 6G Smart Networks and Services Industry Association (6G-IA) aimed at boosting...
Success of the PSCE Winter Conference in Brussels
The PSCE Conference took place on 5 and 6 December in Brussels, Belgium in collaboration and hosted by the Belgian Federal Police. This edition was focused on key topics in the fields of Public Safety and Public Protection and Disaster Relief (PPDR), including: Space...
BroadWay @ CERIS event on “Secured Communication Systems”
Today 15 November in Brussels, BroadWay is under the spotlight of an event organised by the CERIS (Community for European Research and Innovation for Security on "Secured Communications System". David Lund (PSCE), coordinator of BroadWay, is presenting the results and...
EITHOS
EITHOS will develop a novel Identity Theft Observatory System, empowering European citizens, Law Enforcements Agencies (LEAs), and policy makers to further contribute to the prevention, detection, and investigation of identity theft related crime.
PSCE is involved in a new EU project:EITHOS
Last October 18 & 19, 2022, in Thessaloniki (Greece), the EITHOS consortium was ready to participate in the Kick-off meeting organised & hosted by the Centre for research and technology Hellas (CERTH), coordinator of the project. The meeting counted the...
Webinar on Robots and Unmanned Vehicles to support first responders operations
This fourth RESPOND-A Webinar will take place on 29 November 2022 and focus on Robots and Unmanned Vehicles to support First Responders Operations. We will provide the state-of-the-art and discuss how these technologies are integrated as part of the RESPOND-A project....
Clustering session on new technologies for first responders on 16 November 2022 (RESPOND-A)
The RESPOND-A project is organising a clustering session with 6 EU projects on new technologies for first responders as part of the Nicosia Risk Forum 2022 on 16 November 2022. There will be a total of 6 projects participating: RESPOND-A (organiser and will lead the...
PSCE @ Civil Security From Space Industry Day
On 8 November David Lund (PSCE) presented PSCE and some of its main activities (BroadWay-BroadNet) at the occasion of the Civil Security From Space Industry Day organised by ESA. as part of the 4S Programme. Europe is facing increasingly significant challenges as it...