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
A Little Latin Every Day: How to Learn Latin With Short Texts and Audio
How to Learn Latin? When my stuÂdents ask me how to learn Latin, I always say, spend as much time with it as posÂsiÂble, read as much as posÂsiÂble, preferÂably for hours each day. This is, of course, easÂiÂer said than done. In this day and age, it’s not at all eviÂdent how…
How can we teach ourselves Latin? (a talk in Latin) – 2/2
This is the secÂond part of a talk I gave in FloÂrence (here is the first part), Italy, where I outÂlined a method of actiÂvatÂing your Latin when you already have a founÂdaÂtion. The talk is in Latin. If you are startÂing out, read these guides. Video in Latin…
How can we teach ourselves Latin? (a talk in Latin) – 1/2
StuÂdents of Latin often ask how to learn Latin, but, I have from 10 years of teachÂing Latin, learned that a teacher can teach only a small part of the lanÂguage, but can do much to inspire and show the way so that stuÂdents can teach themÂselves. This is the first part…
Hastas Abicere – How to Quit Like a Roman
To throw the spears, or hasÂtas abicere in Latin, is an expresÂsion used by the Romans when you they done when you quit in defeat or gave up a conÂtest. The expresÂsion can be used when whatÂevÂer it is you have done before defeats you and you give up. In EngÂlish, you might…
Et Manes Epistulas Scribere Iuvat?
VerÂba IoanÂnis CarÂoli Rossi, viri tam docÂti quam iucunÂdi vobis magÂno cum gauÂdio hodie apporÂto. Venia scripÂtoris haec edunÂtur. De eo dicere instiÂtui, qui, verum ut conÂfitear, non homo est habenÂdus sed humanÂiÂtatis monÂuÂmenÂtum; eius enim scripÂta spaÂtio duum milium…
The Ancient Language of Learning and Science
WritÂten by Hans Aili, ProÂfesÂsor emerÂiÂtus of Latin, StockÂholm UniÂverÂsiÂty. PosÂsessÂing a comÂpenÂdious knowlÂedge of the physÂiÂcal world was easÂiÂer in the old days than it is today. Not so very long ago, all human knowlÂedge could be housed withÂin the brain of one…
Veneficae Paschales: Ignis Et Dulcia
EastÂer in SweÂden has more to do with witchÂes than one might think, so we decidÂed to do a video about it, in Latin of course. We dive into, among othÂer things, 16th-cenÂtuÂry author Olaus MagÂnus’ (learn more about Olaus MagÂnus in this talk in Latin) masÂsive work Historia…
Litterae Vikingorum, Pars II: Runarum Origo
Si forte priÂmam partem huius de runis seriei non legisti, eam hic reperies. Cur res prorÂsus barÂbarÂiÂcÂas in sede LatiÂna tractem, forÂtÂasse requiriÂtis; nec iniÂuria. QuaeÂnam causa sit, breÂvi aperiÂetur, namque in aniÂmo est docere qua via runae origÂinem ex litÂteris Latinis…
Litterae Vikingorum, Pars I: De Runis Latinis
SalÂvete sodales! InviÂtaÂtus sum a Daniele, hosÂpite huius sedis, ut pauÂcis narÂrem de rebus quae me potisÂsiÂmum tenent. Mihi nomen est VicÂtor; iam mulÂtos annos litÂteris operÂam do, non modo LatiÂnis, sed etiÂam SuetiÂcis antiquis et IslandiÂcis. Mirum enim in modÂum haec…
How to Ask Politely in Latin
Guest post writÂten by Peter BarÂrios-Lech, AssoÂciate ProÂfesÂsor of ClasÂsics at UniÂverÂsiÂty of MassÂaÂchuÂsetts Boston. IntroÂducÂtion: What Is Bradley’s Arnold? This semesÂter, for the first time in four years, I’m teachÂing Latin Prose ComÂpoÂsiÂtion, or, more accurately,…
A Little Latin Every Day: How to Learn Latin With Short Texts and Audio
How to Learn Latin? When my stuÂdents ask me how to learn Latin, I always say, spend as much time with it as posÂsiÂble, read as much as posÂsiÂble, preferÂably for hours each day. This is, of course, easÂiÂer said than done. In this day and age, it’s not at all eviÂdent how…
How can we teach ourselves Latin? (a talk in Latin) – 2/2
This is the secÂond part of a talk I gave in FloÂrence (here is the first part), Italy, where I outÂlined a method of actiÂvatÂing your Latin when you already have a founÂdaÂtion. The talk is in Latin. If you are startÂing out, read these guides. Video in Latin…
How can we teach ourselves Latin? (a talk in Latin) – 1/2
StuÂdents of Latin often ask how to learn Latin, but, I have from 10 years of teachÂing Latin, learned that a teacher can teach only a small part of the lanÂguage, but can do much to inspire and show the way so that stuÂdents can teach themÂselves. This is the first part…
Hastas Abicere – How to Quit Like a Roman
To throw the spears, or hasÂtas abicere in Latin, is an expresÂsion used by the Romans when you they done when you quit in defeat or gave up a conÂtest. The expresÂsion can be used when whatÂevÂer it is you have done before defeats you and you give up. In EngÂlish, you might…
Et Manes Epistulas Scribere Iuvat?
VerÂba IoanÂnis CarÂoli Rossi, viri tam docÂti quam iucunÂdi vobis magÂno cum gauÂdio hodie apporÂto. Venia scripÂtoris haec edunÂtur. De eo dicere instiÂtui, qui, verum ut conÂfitear, non homo est habenÂdus sed humanÂiÂtatis monÂuÂmenÂtum; eius enim scripÂta spaÂtio duum milium…
The Ancient Language of Learning and Science
WritÂten by Hans Aili, ProÂfesÂsor emerÂiÂtus of Latin, StockÂholm UniÂverÂsiÂty. PosÂsessÂing a comÂpenÂdious knowlÂedge of the physÂiÂcal world was easÂiÂer in the old days than it is today. Not so very long ago, all human knowlÂedge could be housed withÂin the brain of one…
Veneficae Paschales: Ignis Et Dulcia
EastÂer in SweÂden has more to do with witchÂes than one might think, so we decidÂed to do a video about it, in Latin of course. We dive into, among othÂer things, 16th-cenÂtuÂry author Olaus MagÂnus’ (learn more about Olaus MagÂnus in this talk in Latin) masÂsive work Historia…
Litterae Vikingorum, Pars II: Runarum Origo
Si forte priÂmam partem huius de runis seriei non legisti, eam hic reperies. Cur res prorÂsus barÂbarÂiÂcÂas in sede LatiÂna tractem, forÂtÂasse requiriÂtis; nec iniÂuria. QuaeÂnam causa sit, breÂvi aperiÂetur, namque in aniÂmo est docere qua via runae origÂinem ex litÂteris Latinis…
Litterae Vikingorum, Pars I: De Runis Latinis
SalÂvete sodales! InviÂtaÂtus sum a Daniele, hosÂpite huius sedis, ut pauÂcis narÂrem de rebus quae me potisÂsiÂmum tenent. Mihi nomen est VicÂtor; iam mulÂtos annos litÂteris operÂam do, non modo LatiÂnis, sed etiÂam SuetiÂcis antiquis et IslandiÂcis. Mirum enim in modÂum haec…
How to Ask Politely in Latin
Guest post writÂten by Peter BarÂrios-Lech, AssoÂciate ProÂfesÂsor of ClasÂsics at UniÂverÂsiÂty of MassÂaÂchuÂsetts Boston. IntroÂducÂtion: What Is Bradley’s Arnold? This semesÂter, for the first time in four years, I’m teachÂing Latin Prose ComÂpoÂsiÂtion, or, more accurately,…
A Little Latin Every Day: How to Learn Latin With Short Texts and Audio
How to Learn Latin? When my stuÂdents ask me how to learn Latin, I always say, spend as much time with it as posÂsiÂble, read as much as posÂsiÂble, preferÂably for hours each day. This is, of course, easÂiÂer said than done. In this day and age, it’s not at all eviÂdent how…
How can we teach ourselves Latin? (a talk in Latin) – 2/2
This is the secÂond part of a talk I gave in FloÂrence (here is the first part), Italy, where I outÂlined a method of actiÂvatÂing your Latin when you already have a founÂdaÂtion. The talk is in Latin. If you are startÂing out, read these guides. Video in Latin…
How can we teach ourselves Latin? (a talk in Latin) – 1/2
StuÂdents of Latin often ask how to learn Latin, but, I have from 10 years of teachÂing Latin, learned that a teacher can teach only a small part of the lanÂguage, but can do much to inspire and show the way so that stuÂdents can teach themÂselves. This is the first part…
Hastas Abicere – How to Quit Like a Roman
To throw the spears, or hasÂtas abicere in Latin, is an expresÂsion used by the Romans when you they done when you quit in defeat or gave up a conÂtest. The expresÂsion can be used when whatÂevÂer it is you have done before defeats you and you give up. In EngÂlish, you might…
Et Manes Epistulas Scribere Iuvat?
VerÂba IoanÂnis CarÂoli Rossi, viri tam docÂti quam iucunÂdi vobis magÂno cum gauÂdio hodie apporÂto. Venia scripÂtoris haec edunÂtur. De eo dicere instiÂtui, qui, verum ut conÂfitear, non homo est habenÂdus sed humanÂiÂtatis monÂuÂmenÂtum; eius enim scripÂta spaÂtio duum milium…
The Ancient Language of Learning and Science
WritÂten by Hans Aili, ProÂfesÂsor emerÂiÂtus of Latin, StockÂholm UniÂverÂsiÂty. PosÂsessÂing a comÂpenÂdious knowlÂedge of the physÂiÂcal world was easÂiÂer in the old days than it is today. Not so very long ago, all human knowlÂedge could be housed withÂin the brain of one…
Veneficae Paschales: Ignis Et Dulcia
EastÂer in SweÂden has more to do with witchÂes than one might think, so we decidÂed to do a video about it, in Latin of course. We dive into, among othÂer things, 16th-cenÂtuÂry author Olaus MagÂnus’ (learn more about Olaus MagÂnus in this talk in Latin) masÂsive work Historia…
Litterae Vikingorum, Pars II: Runarum Origo
Si forte priÂmam partem huius de runis seriei non legisti, eam hic reperies. Cur res prorÂsus barÂbarÂiÂcÂas in sede LatiÂna tractem, forÂtÂasse requiriÂtis; nec iniÂuria. QuaeÂnam causa sit, breÂvi aperiÂetur, namque in aniÂmo est docere qua via runae origÂinem ex litÂteris Latinis…
Litterae Vikingorum, Pars I: De Runis Latinis
SalÂvete sodales! InviÂtaÂtus sum a Daniele, hosÂpite huius sedis, ut pauÂcis narÂrem de rebus quae me potisÂsiÂmum tenent. Mihi nomen est VicÂtor; iam mulÂtos annos litÂteris operÂam do, non modo LatiÂnis, sed etiÂam SuetiÂcis antiquis et IslandiÂcis. Mirum enim in modÂum haec…
How to Ask Politely in Latin
Guest post writÂten by Peter BarÂrios-Lech, AssoÂciate ProÂfesÂsor of ClasÂsics at UniÂverÂsiÂty of MassÂaÂchuÂsetts Boston. IntroÂducÂtion: What Is Bradley’s Arnold? This semesÂter, for the first time in four years, I’m teachÂing Latin Prose ComÂpoÂsiÂtion, or, more accurately,…