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
Bewegen op leeftijd: fit de zomer in!
Radius start in juni weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. En activiteiten die met aandacht en voorzichtigheid rekening houden met de eigen mogelijkheden. Acht weken lang is er vanaf week 23 (vanaf 7...
Vacature: twee sport- en beweegcoaches
Voor de gemeente Oegstgeest zoekt Radius twee sport- en beweegcoaches (6 tot 8 uur per week) Bewegen helpt mensen om fit en vitaal te blijven en samen bewegen is ook nog eens leuk. Het draagt bij aan het levensplezier. De coaches richten zich met name op inwoners van...
Twee sport- en beweegcoaches in Oegstgeest
Openstaande vacature
Pop-up vrijwilligerswinkel Lange Voort 17 t/m 20 mei
Van dinsdag 17 tot en met vrijdag 20 mei is er weer een ‘pop-up vrijwilligerswinkel’ in winkelcentrum Lange Voort, met daarin het complete aanbod aan vrijwilligersactiviteiten in Oegstgeest. De pop-up store is een samenwerking van Dorpskracht & Co en het NVOO...
Uitnodiging (lunch)bijeenkomst NAH
Maandag 16 mei a.s.12.30 - 14.00 uur (inloop vanaf 12.15 uur)Dorpscentrum Oegstgeest Graag nodigen wij mantelzorgers en geïnteresseerden uit voor een informatieve lunchbijeenkomst over niet-aangeboren hersenletsel (NAH), een samenwerking tussen Gemiva, Radius en...
Bewegen op leeftijd: gratis proeflessen op 24 en 25 mei
Komt u ook kennismaken met onze nieuwe beweegactiviteiten? Radius start weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. Met aandacht en voorzichtigheid die nodig is bij mensen die op leeftijd zijn.Ter...
Thema Alzheimer Café: Gedragsverandering bij dementie
Alzheimer Café, donderdag 12 mei 2022, 19.30 uurSBO de Vlieger, Boerhaavelaan 298, Leiden Gedragsproblemen bij mensen met dementie komen vaak voor. Veel mensen met dementie vertonen vroeg of laat ander gedrag, zoals stemmingsveranderingen of depressie- en...
Gaat u ook mee naar Avifauna?
Gezellig met medebewoners van Oegstgeest op stap. Er zijn nog plaatsen vrij bij het uitje naar Avifauna met de Blauwe PlusBus! Vrijdag 24 juni staat een bezoek aan Avifauna op het programma. De kleurrijke lori's, kleine papegaaien, zijn dol op eten en aandacht; het...
Steun in huis nodig?
Radius ThuisSupport! Heeft u behoefte aan extra ondersteuning? Of degene waar u mantelzorger voor bent? De ThuisSupporters van Radius regelen het. Samen met u! Dit gaat om activiteiten die het zelfstandig wonen gemakkelijker maken, zoals: (samen) boodschappen doen en...
Nieuws over Dorpskracht & Co
Dorpskracht & Co stimuleert en ondersteunt de vrijwillige inzet in Oegstgeest. Het platform biedt een gratis omgeving waar vraag en aanbod van het vrijwilligerswerk samenkomen. Dorpskracht biedt naast de matchfunctie ook adviesgesprekken, scholingen en...
Bewegen op leeftijd: fit de zomer in!
Radius start in juni weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. En activiteiten die met aandacht en voorzichtigheid rekening houden met de eigen mogelijkheden. Acht weken lang is er vanaf week 23 (vanaf 7...
Vacature: twee sport- en beweegcoaches
Voor de gemeente Oegstgeest zoekt Radius twee sport- en beweegcoaches (6 tot 8 uur per week) Bewegen helpt mensen om fit en vitaal te blijven en samen bewegen is ook nog eens leuk. Het draagt bij aan het levensplezier. De coaches richten zich met name op inwoners van...
Twee sport- en beweegcoaches in Oegstgeest
Openstaande vacature
Pop-up vrijwilligerswinkel Lange Voort 17 t/m 20 mei
Van dinsdag 17 tot en met vrijdag 20 mei is er weer een ‘pop-up vrijwilligerswinkel’ in winkelcentrum Lange Voort, met daarin het complete aanbod aan vrijwilligersactiviteiten in Oegstgeest. De pop-up store is een samenwerking van Dorpskracht & Co en het NVOO...
Uitnodiging (lunch)bijeenkomst NAH
Maandag 16 mei a.s.12.30 - 14.00 uur (inloop vanaf 12.15 uur)Dorpscentrum Oegstgeest Graag nodigen wij mantelzorgers en geïnteresseerden uit voor een informatieve lunchbijeenkomst over niet-aangeboren hersenletsel (NAH), een samenwerking tussen Gemiva, Radius en...
Bewegen op leeftijd: gratis proeflessen op 24 en 25 mei
Komt u ook kennismaken met onze nieuwe beweegactiviteiten? Radius start weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. Met aandacht en voorzichtigheid die nodig is bij mensen die op leeftijd zijn.Ter...
Thema Alzheimer Café: Gedragsverandering bij dementie
Alzheimer Café, donderdag 12 mei 2022, 19.30 uurSBO de Vlieger, Boerhaavelaan 298, Leiden Gedragsproblemen bij mensen met dementie komen vaak voor. Veel mensen met dementie vertonen vroeg of laat ander gedrag, zoals stemmingsveranderingen of depressie- en...
Gaat u ook mee naar Avifauna?
Gezellig met medebewoners van Oegstgeest op stap. Er zijn nog plaatsen vrij bij het uitje naar Avifauna met de Blauwe PlusBus! Vrijdag 24 juni staat een bezoek aan Avifauna op het programma. De kleurrijke lori's, kleine papegaaien, zijn dol op eten en aandacht; het...
Steun in huis nodig?
Radius ThuisSupport! Heeft u behoefte aan extra ondersteuning? Of degene waar u mantelzorger voor bent? De ThuisSupporters van Radius regelen het. Samen met u! Dit gaat om activiteiten die het zelfstandig wonen gemakkelijker maken, zoals: (samen) boodschappen doen en...
Nieuws over Dorpskracht & Co
Dorpskracht & Co stimuleert en ondersteunt de vrijwillige inzet in Oegstgeest. Het platform biedt een gratis omgeving waar vraag en aanbod van het vrijwilligerswerk samenkomen. Dorpskracht biedt naast de matchfunctie ook adviesgesprekken, scholingen en...
Bewegen op leeftijd: fit de zomer in!
Radius start in juni weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. En activiteiten die met aandacht en voorzichtigheid rekening houden met de eigen mogelijkheden. Acht weken lang is er vanaf week 23 (vanaf 7...
Vacature: twee sport- en beweegcoaches
Voor de gemeente Oegstgeest zoekt Radius twee sport- en beweegcoaches (6 tot 8 uur per week) Bewegen helpt mensen om fit en vitaal te blijven en samen bewegen is ook nog eens leuk. Het draagt bij aan het levensplezier. De coaches richten zich met name op inwoners van...
Twee sport- en beweegcoaches in Oegstgeest
Openstaande vacature
Pop-up vrijwilligerswinkel Lange Voort 17 t/m 20 mei
Van dinsdag 17 tot en met vrijdag 20 mei is er weer een ‘pop-up vrijwilligerswinkel’ in winkelcentrum Lange Voort, met daarin het complete aanbod aan vrijwilligersactiviteiten in Oegstgeest. De pop-up store is een samenwerking van Dorpskracht & Co en het NVOO...
Uitnodiging (lunch)bijeenkomst NAH
Maandag 16 mei a.s.12.30 - 14.00 uur (inloop vanaf 12.15 uur)Dorpscentrum Oegstgeest Graag nodigen wij mantelzorgers en geïnteresseerden uit voor een informatieve lunchbijeenkomst over niet-aangeboren hersenletsel (NAH), een samenwerking tussen Gemiva, Radius en...
Bewegen op leeftijd: gratis proeflessen op 24 en 25 mei
Komt u ook kennismaken met onze nieuwe beweegactiviteiten? Radius start weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. Met aandacht en voorzichtigheid die nodig is bij mensen die op leeftijd zijn.Ter...
Thema Alzheimer Café: Gedragsverandering bij dementie
Alzheimer Café, donderdag 12 mei 2022, 19.30 uurSBO de Vlieger, Boerhaavelaan 298, Leiden Gedragsproblemen bij mensen met dementie komen vaak voor. Veel mensen met dementie vertonen vroeg of laat ander gedrag, zoals stemmingsveranderingen of depressie- en...
Gaat u ook mee naar Avifauna?
Gezellig met medebewoners van Oegstgeest op stap. Er zijn nog plaatsen vrij bij het uitje naar Avifauna met de Blauwe PlusBus! Vrijdag 24 juni staat een bezoek aan Avifauna op het programma. De kleurrijke lori's, kleine papegaaien, zijn dol op eten en aandacht; het...
Steun in huis nodig?
Radius ThuisSupport! Heeft u behoefte aan extra ondersteuning? Of degene waar u mantelzorger voor bent? De ThuisSupporters van Radius regelen het. Samen met u! Dit gaat om activiteiten die het zelfstandig wonen gemakkelijker maken, zoals: (samen) boodschappen doen en...
Nieuws over Dorpskracht & Co
Dorpskracht & Co stimuleert en ondersteunt de vrijwillige inzet in Oegstgeest. Het platform biedt een gratis omgeving waar vraag en aanbod van het vrijwilligerswerk samenkomen. Dorpskracht biedt naast de matchfunctie ook adviesgesprekken, scholingen en...