Framework
Global Presets UI Style Guide
01. Color palette
In this part of the style guide, you can modÂiÂfy each colÂor inside the Text ModÂule’s backÂground setÂtings. Use that same colÂor code inside the Text ModÂule below it to have a writÂten verÂsion of the colÂor code too. Use these colÂor codes inside your Divi Theme Builder default colÂor palette afterward.
#FFFFFF
#F9F9F9
#f2f2f2
#e0e0e0
#444444
#000000
#F9F9F9
#e0e0e0
#444444
#000000
02. Text styles
In the secÂond part of this style guide wireÂframe, you can style your difÂferÂent text types. You’re also proÂvidÂed with a priÂmaÂry, secÂondary and terÂtiary option, each of which you can afterÂwards turn into indiÂvidÂual presets.
Light cenÂtered
Light left
Dark cenÂtered
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, conÂsecteÂtur adipÂiscÂing elit, sed do eiusÂmod temÂpor inciÂdidunt ut labore et dolore magna aliÂqua. Ut enim ad minÂim veniÂam, quis nosÂtrud exerciÂtaÂtion ullamÂco laboris nisi ut aliquip ex ea comÂmoÂdo 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 hanÂdles some of the most-used modÂules inside Divi. Here, we’re also proÂvidÂing you with a priÂmaÂry, secÂondary and terÂtiary verÂsion of each modÂule which you can style and add as a globÂal preÂset. Feel free to creÂate more alterÂnaÂtive designs for each module.
PriÂmaÂry
SecÂondary
TerÂtiary
ButÂton
Blurb
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Email optin
ConÂtact form
Image
Call to action
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Divider
PerÂson
Name Goes Here
PosiÂtion
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Name Goes Here
PosiÂtion
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Name Goes Here
PosiÂtion
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Social Media Follow
TogÂgle
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
TesÂtiÂmoÂniÂal
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Video
AccorÂdion
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Your Title Goes Here
Your conÂtent goes here. Edit or remove this text inline or in the modÂule ConÂtent setÂtings. You can also style every aspect of this conÂtent in the modÂule Design setÂtings and even apply cusÂtom CSS to this text in the modÂule Advanced settings.
Blog
Latinitium: Year in Review 2019
As one year ends and anothÂer one begins, it is only propÂer to reflect on the past year and appreÂciÂate what has been and, at the same time, get excitÂed over what is to come. This time around we not only leave a year behind, but an entire decade as we step into the…
Chapter 5 – Cicero: The Most Famous Takedown In History (In Catilinam)
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this fifth chapÂter, we will learn more about the most famous Roman oraÂtor of all time: MarÂcus TulÂlius Cicero. We…
The Indirect Question in Latin
Guest artiÂcle writÂten by Peter BarÂrios-Lech AssoÂciate ProÂfesÂsor of ClasÂsics, ColÂlege of LibÂerÂal Arts, UniÂverÂsiÂty of MassÂaÂchuÂsetts. I. An All-Too Direct QuesÂtion About The IndiÂrect QuesÂtion. One evening, about an hour before the start of my night-time Roman comedy…
Halloween Special in Latin #4 — The Rider
IntroÂducÂtion to LatiniÂtium’s yearÂly HalÂloween SpeÂcial – Eques Last HalÂloween we visÂitÂed the rich well of GerÂman folkÂtales telling a scary stoÂry from the brothÂers Grimm. This year we will stay in SweÂden and tell you a stoÂry, not a folkÂtale, a fairy tale or a children’s…
Chapter 4 – Ad Herennium: The Art Of Memory
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this fourth chapÂter, we will learn about the rhetorÂiÂcal manÂuÂal long thought to be the work of Cicero,…
Chapter 3 – Gaius Gracchus: Beware Of Politicians
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this third chapÂter, we will learn about, and read part of a speech from, Gaius GracÂchus as found in Aulus Gellius…
Chapter 2 – Cato Maior: The Art Of Growing Asparagus
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this secÂond chapÂter, we will learn about, and read from, Cato Maior’s work De AgriÂculÂtura. If you want to…
Chapter 1 – Ennius: Saturn and the Struggle for Power
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this chapÂter, the very first of many to come, we will go back to about 200 years B.C. and learn about, and read…
2000 Years of Latin Prose – Preface
2000 Years of Latin Prose This project, 2000 years of Latin Prose, has sevÂerÂal faces: It is a digÂiÂtal antholÂoÂgy over Latin Prose; it is a course that will teach not only about texts writÂten in Latin but about the authors who wrote them and their conÂtexts; it is an…
Herculaneum: A Tour In Latin
In 79 A.D. Mount VesuÂvius eruptÂed and laid waste to many towns around the Bay of Naples. Towns like PomÂpeii, StabiÂae, OplonÂtis, BoscoÂreÂale and HerÂcuÂlaÂneum. IntroÂducÂtion Today we are going to take a walk along the 2000-year-old streets of HerÂcuÂlaÂneum, visÂit Roman…
Latinitium: Year in Review 2019
As one year ends and anothÂer one begins, it is only propÂer to reflect on the past year and appreÂciÂate what has been and, at the same time, get excitÂed over what is to come. This time around we not only leave a year behind, but an entire decade as we step into the…
Chapter 5 – Cicero: The Most Famous Takedown In History (In Catilinam)
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this fifth chapÂter, we will learn more about the most famous Roman oraÂtor of all time: MarÂcus TulÂlius Cicero. We…
The Indirect Question in Latin
Guest artiÂcle writÂten by Peter BarÂrios-Lech AssoÂciate ProÂfesÂsor of ClasÂsics, ColÂlege of LibÂerÂal Arts, UniÂverÂsiÂty of MassÂaÂchuÂsetts. I. An All-Too Direct QuesÂtion About The IndiÂrect QuesÂtion. One evening, about an hour before the start of my night-time Roman comedy…
Halloween Special in Latin #4 — The Rider
IntroÂducÂtion to LatiniÂtium’s yearÂly HalÂloween SpeÂcial – Eques Last HalÂloween we visÂitÂed the rich well of GerÂman folkÂtales telling a scary stoÂry from the brothÂers Grimm. This year we will stay in SweÂden and tell you a stoÂry, not a folkÂtale, a fairy tale or a children’s…
Chapter 4 – Ad Herennium: The Art Of Memory
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this fourth chapÂter, we will learn about the rhetorÂiÂcal manÂuÂal long thought to be the work of Cicero,…
Chapter 3 – Gaius Gracchus: Beware Of Politicians
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this third chapÂter, we will learn about, and read part of a speech from, Gaius GracÂchus as found in Aulus Gellius…
Chapter 2 – Cato Maior: The Art Of Growing Asparagus
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this secÂond chapÂter, we will learn about, and read from, Cato Maior’s work De AgriÂculÂtura. If you want to…
Chapter 1 – Ennius: Saturn and the Struggle for Power
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this chapÂter, the very first of many to come, we will go back to about 200 years B.C. and learn about, and read…
2000 Years of Latin Prose – Preface
2000 Years of Latin Prose This project, 2000 years of Latin Prose, has sevÂerÂal faces: It is a digÂiÂtal antholÂoÂgy over Latin Prose; it is a course that will teach not only about texts writÂten in Latin but about the authors who wrote them and their conÂtexts; it is an…
Herculaneum: A Tour In Latin
In 79 A.D. Mount VesuÂvius eruptÂed and laid waste to many towns around the Bay of Naples. Towns like PomÂpeii, StabiÂae, OplonÂtis, BoscoÂreÂale and HerÂcuÂlaÂneum. IntroÂducÂtion Today we are going to take a walk along the 2000-year-old streets of HerÂcuÂlaÂneum, visÂit Roman…
Latinitium: Year in Review 2019
As one year ends and anothÂer one begins, it is only propÂer to reflect on the past year and appreÂciÂate what has been and, at the same time, get excitÂed over what is to come. This time around we not only leave a year behind, but an entire decade as we step into the…
Chapter 5 – Cicero: The Most Famous Takedown In History (In Catilinam)
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this fifth chapÂter, we will learn more about the most famous Roman oraÂtor of all time: MarÂcus TulÂlius Cicero. We…
The Indirect Question in Latin
Guest artiÂcle writÂten by Peter BarÂrios-Lech AssoÂciate ProÂfesÂsor of ClasÂsics, ColÂlege of LibÂerÂal Arts, UniÂverÂsiÂty of MassÂaÂchuÂsetts. I. An All-Too Direct QuesÂtion About The IndiÂrect QuesÂtion. One evening, about an hour before the start of my night-time Roman comedy…
Halloween Special in Latin #4 — The Rider
IntroÂducÂtion to LatiniÂtium’s yearÂly HalÂloween SpeÂcial – Eques Last HalÂloween we visÂitÂed the rich well of GerÂman folkÂtales telling a scary stoÂry from the brothÂers Grimm. This year we will stay in SweÂden and tell you a stoÂry, not a folkÂtale, a fairy tale or a children’s…
Chapter 4 – Ad Herennium: The Art Of Memory
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this fourth chapÂter, we will learn about the rhetorÂiÂcal manÂuÂal long thought to be the work of Cicero,…
Chapter 3 – Gaius Gracchus: Beware Of Politicians
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this third chapÂter, we will learn about, and read part of a speech from, Gaius GracÂchus as found in Aulus Gellius…
Chapter 2 – Cato Maior: The Art Of Growing Asparagus
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this secÂond chapÂter, we will learn about, and read from, Cato Maior’s work De AgriÂculÂtura. If you want to…
Chapter 1 – Ennius: Saturn and the Struggle for Power
Two thouÂsand years of Latin Prose is a digÂiÂtal antholÂoÂgy of Latin Prose. Here you will be able to find texts from two milÂlenÂnia of gems in Latin. In this chapÂter, the very first of many to come, we will go back to about 200 years B.C. and learn about, and read…
2000 Years of Latin Prose – Preface
2000 Years of Latin Prose This project, 2000 years of Latin Prose, has sevÂerÂal faces: It is a digÂiÂtal antholÂoÂgy over Latin Prose; it is a course that will teach not only about texts writÂten in Latin but about the authors who wrote them and their conÂtexts; it is an…
Herculaneum: A Tour In Latin
In 79 A.D. Mount VesuÂvius eruptÂed and laid waste to many towns around the Bay of Naples. Towns like PomÂpeii, StabiÂae, OplonÂtis, BoscoÂreÂale and HerÂcuÂlaÂneum. IntroÂducÂtion Today we are going to take a walk along the 2000-year-old streets of HerÂcuÂlaÂneum, visÂit Roman…