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.
Light centered
Light left
Dark centered
Dark left
Heading 1
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
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.
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
Latin Book Club – “The Shipwreck” from Erasmus’ Colloquia Familiaria
Reading together is a great way to socialize and a great way to learn Latin. However, sometimes it is difficult – impossible even – to gather together physically. So, we thought we would do it here, digitally. Erasmus of Rotterdam is probably the most…
10 Tips for Learning Latin at Home
Stuck at home? Let’s look at 10 common and uncommon suggestions for improving your Latin without leaving your house. Strange times are upon us. The world is closing around us. Everyone is told to stay at home, wash their hands and keep socializing to a minimum. …
A Guide to Distance in Latin: The Accusative of Extent of Space (and Ablative)
Over the years, many students have asked about the so-called accusative of extent and of space and how Latin expresses distance. In this guide, I will answer these questions, explaining how Latin uses the accusative and ablative for these purposes. After reading…
How to Choose the Best Latin Immersion Program This Summer
More and more schools embrace using Latin communicatively to make learning Latin more effective and enjoyable. During the summer, there are even immersion courses where students spend days or weeks together, taking classes and speaking only Latin. Having taught…
Improve Your Latin: Latin Immersion Courses this year
Note! Due to the current global situation, make sure to contact the schools to find out if online courses are available instead. One of the best ways to improve your Latin or Ancient Greek is to attend an immersion course. Every year, schools and universities…
Chapter 7 – Bellum Alexandrinum: The Battle Of The Mole
Two thousand years of Latin Prose is a digital anthology of Latin Prose. Here you will be able to find texts from two millennia of gems in Latin. In this seventh chapter, we will learn about the pseudo-Caesarian work written in the style of Julius Caesar’s De Bello…
Cómo Mejorar el Propio Latín en Sólo 10 Minutos al Día
En los últimos años muchas personas me están preguntando cómo he aprendido yo a hablar latín y qué pueden hacer ellos para mejorar su latín, ya que tienen muy poco tiempo para dedicarse a ello. Hay muchos medios con los que podemos mejorar nuestra competencia…
Chapter 6 – Julius Caesar: The Rivalry Between Pullo And Vorenus
Two thousand years of Latin Prose is a digital anthology of Latin Prose. Here you will be able to find texts from two millennia of gems in Latin. In this sixth chapter, we will learn more about one of history’s most famous men: Gaius Julius Caesar. We will also…
Cómo aprender latín
Aprender latín es la mejor decisión que he tomado en mi vida. Ser capaz de leer pasajes de Enio, reírme con Plauto y Terencio, ser instruido por Séneca el Joven, maravillarme con Cicerón o conmoverme hasta llorar con Ovidio –autores que vivieron hace más de 2000…
Cómo aprender latín a partir tu entorno
Esta es una foto de las especias que tenemos en casa. En Suecia los botes de especias no están rotulados en latín. Entonces, ¿cómo podemos saber el nombre de estas sabrosas especias? Continúa leyendo. En su De ratione studii, el gran humanista Erasmo de Rotterdam…
Latin Book Club – “The Shipwreck” from Erasmus’ Colloquia Familiaria
Reading together is a great way to socialize and a great way to learn Latin. However, sometimes it is difficult – impossible even – to gather together physically. So, we thought we would do it here, digitally. Erasmus of Rotterdam is probably the most…
10 Tips for Learning Latin at Home
Stuck at home? Let’s look at 10 common and uncommon suggestions for improving your Latin without leaving your house. Strange times are upon us. The world is closing around us. Everyone is told to stay at home, wash their hands and keep socializing to a minimum. …
A Guide to Distance in Latin: The Accusative of Extent of Space (and Ablative)
Over the years, many students have asked about the so-called accusative of extent and of space and how Latin expresses distance. In this guide, I will answer these questions, explaining how Latin uses the accusative and ablative for these purposes. After reading…
How to Choose the Best Latin Immersion Program This Summer
More and more schools embrace using Latin communicatively to make learning Latin more effective and enjoyable. During the summer, there are even immersion courses where students spend days or weeks together, taking classes and speaking only Latin. Having taught…
Improve Your Latin: Latin Immersion Courses this year
Note! Due to the current global situation, make sure to contact the schools to find out if online courses are available instead. One of the best ways to improve your Latin or Ancient Greek is to attend an immersion course. Every year, schools and universities…
Chapter 7 – Bellum Alexandrinum: The Battle Of The Mole
Two thousand years of Latin Prose is a digital anthology of Latin Prose. Here you will be able to find texts from two millennia of gems in Latin. In this seventh chapter, we will learn about the pseudo-Caesarian work written in the style of Julius Caesar’s De Bello…
Cómo Mejorar el Propio Latín en Sólo 10 Minutos al Día
En los últimos años muchas personas me están preguntando cómo he aprendido yo a hablar latín y qué pueden hacer ellos para mejorar su latín, ya que tienen muy poco tiempo para dedicarse a ello. Hay muchos medios con los que podemos mejorar nuestra competencia…
Chapter 6 – Julius Caesar: The Rivalry Between Pullo And Vorenus
Two thousand years of Latin Prose is a digital anthology of Latin Prose. Here you will be able to find texts from two millennia of gems in Latin. In this sixth chapter, we will learn more about one of history’s most famous men: Gaius Julius Caesar. We will also…
Cómo aprender latín
Aprender latín es la mejor decisión que he tomado en mi vida. Ser capaz de leer pasajes de Enio, reírme con Plauto y Terencio, ser instruido por Séneca el Joven, maravillarme con Cicerón o conmoverme hasta llorar con Ovidio –autores que vivieron hace más de 2000…
Cómo aprender latín a partir tu entorno
Esta es una foto de las especias que tenemos en casa. En Suecia los botes de especias no están rotulados en latín. Entonces, ¿cómo podemos saber el nombre de estas sabrosas especias? Continúa leyendo. En su De ratione studii, el gran humanista Erasmo de Rotterdam…
Latin Book Club – “The Shipwreck” from Erasmus’ Colloquia Familiaria
Reading together is a great way to socialize and a great way to learn Latin. However, sometimes it is difficult – impossible even – to gather together physically. So, we thought we would do it here, digitally. Erasmus of Rotterdam is probably the most…
10 Tips for Learning Latin at Home
Stuck at home? Let’s look at 10 common and uncommon suggestions for improving your Latin without leaving your house. Strange times are upon us. The world is closing around us. Everyone is told to stay at home, wash their hands and keep socializing to a minimum. …
A Guide to Distance in Latin: The Accusative of Extent of Space (and Ablative)
Over the years, many students have asked about the so-called accusative of extent and of space and how Latin expresses distance. In this guide, I will answer these questions, explaining how Latin uses the accusative and ablative for these purposes. After reading…
How to Choose the Best Latin Immersion Program This Summer
More and more schools embrace using Latin communicatively to make learning Latin more effective and enjoyable. During the summer, there are even immersion courses where students spend days or weeks together, taking classes and speaking only Latin. Having taught…
Improve Your Latin: Latin Immersion Courses this year
Note! Due to the current global situation, make sure to contact the schools to find out if online courses are available instead. One of the best ways to improve your Latin or Ancient Greek is to attend an immersion course. Every year, schools and universities…
Chapter 7 – Bellum Alexandrinum: The Battle Of The Mole
Two thousand years of Latin Prose is a digital anthology of Latin Prose. Here you will be able to find texts from two millennia of gems in Latin. In this seventh chapter, we will learn about the pseudo-Caesarian work written in the style of Julius Caesar’s De Bello…
Cómo Mejorar el Propio Latín en Sólo 10 Minutos al Día
En los últimos años muchas personas me están preguntando cómo he aprendido yo a hablar latín y qué pueden hacer ellos para mejorar su latín, ya que tienen muy poco tiempo para dedicarse a ello. Hay muchos medios con los que podemos mejorar nuestra competencia…
Chapter 6 – Julius Caesar: The Rivalry Between Pullo And Vorenus
Two thousand years of Latin Prose is a digital anthology of Latin Prose. Here you will be able to find texts from two millennia of gems in Latin. In this sixth chapter, we will learn more about one of history’s most famous men: Gaius Julius Caesar. We will also…
Cómo aprender latín
Aprender latín es la mejor decisión que he tomado en mi vida. Ser capaz de leer pasajes de Enio, reírme con Plauto y Terencio, ser instruido por Séneca el Joven, maravillarme con Cicerón o conmoverme hasta llorar con Ovidio –autores que vivieron hace más de 2000…
Cómo aprender latín a partir tu entorno
Esta es una foto de las especias que tenemos en casa. En Suecia los botes de especias no están rotulados en latín. Entonces, ¿cómo podemos saber el nombre de estas sabrosas especias? Continúa leyendo. En su De ratione studii, el gran humanista Erasmo de Rotterdam…