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
Loonstop ten onrechte opgelegd
Een werkgever heeft een loonstop opgelegd aan een werknemer, die volgens een rapport van de bedrijfsarts niet ziek is. De bedrijfsarts heeft geconstateerd dat er geen medische beperkingen zijn. Er is sprake van een arbeidsgerelateerd conflict op de
Bekendmaking belastingaanslagen aan ontbonden rechtspersoon
In de Invorderingswet 1990 is bepaald dat de ontvanger een belastingaanslag bekendmaakt door verzending of uitreiking van het door de inspecteur opgemaakte aanslagbiljet. In afwijking hiervan kan de ontvanger een belastingaanslag ten name van een
Hof bevestigt correcties inspecteur: aftrekposten niet onderbouwd
In een recente uitspraak heeft Hof Den Bosch in hoger beroep de door de inspecteur aangebrachte correcties en boetes met betrekking tot aftrekposten in de vennootschapsbelasting bevestigd. De zaak draaide om een bedrijf dat verschillende kosten heeft
Werkgever mocht werknemers overplaatsen met beroep op eenzijdig wijzigingsbeding
Wanneer een eenzijdig wijzigingsbeding is overeengekomen, kan de werkgever arbeidsvoorwaarden wijzigen zonder toestemming van de werknemer. De werkgever moet bij de wijziging van de arbeidsvoorwaarden een zodanig zwaarwichtig belang dat het belang
Was de inspecteur te laat met een navorderingsaanslag?
Een belastingplichtige heeft over 2016 geen aangifte inkomstenbelasting ingediend. De inspecteur legt binnen de reguliere aanslagtermijn geen aanslag op, maar legt wel binnen de navorderingstermijn een navorderingsaanslag op. De belastingplichtige
Geen verzuimboetes e-commerce tot 1 januari 2025
De staatssecretaris van Financiën heeft de goedkeuring om geen betalingsverzuimboetes op te leggen aan ondernemers, die deelnemen aan de regeling EU btw e-commerce, verlengd tot 1 januari 2025. Aanvankelijk liep de goedkeuring tot 1 juni 2024, maar
€ 148 miljoen voor stimulering Nederlandse maakindustrie
De Investeringssubsidie Maakindustrie Klimaatneutrale Economie (IMKE) is bedoeld om het opzetten van productielijnen voor elektrolyse-installaties, innovatieve zonnepanelen en batterijen te stimuleren. Voor de regeling is in totaal € 148 miljoen
Geen verband tussen ziekte en medisch onderzoek: geen aftrek kosten
Onder voorwaarden komt een belastingplichtige in aanmerking voor aftrek van specifieke zorgkosten. De Wet IB 2001 vereist een causaal verband tussen de ziekte van de belastingplichtige en de gemaakte kosten voor een medische behandeling. Op de
Wettelijke regels berekening WIA-dagloon zijn discriminerend
Een WW- en een WIA-uitkering worden berekend op basis van het dagloon. Dat is het loon, dat in het refertejaar is verdiend, gedeeld door het aantal dagloondagen in het refertejaar. Bij de berekening van het dagloon voor een WIA-uitkering worden ook
Betaalde premie voor buitenlandse AOV als aftrekpost?
Bij het invullen van zijn aangifte inkomstenbelasting heeft een belastingplichtige de premie voor een Duitse arbeidsongeschiktheidsverzekering (AOV) als aftrekpost opgevoerd. De belastinginspecteur corrigeert echter de aangifte, omdat de premie
Loonstop ten onrechte opgelegd
Een werkgever heeft een loonstop opgelegd aan een werknemer, die volgens een rapport van de bedrijfsarts niet ziek is. De bedrijfsarts heeft geconstateerd dat er geen medische beperkingen zijn. Er is sprake van een arbeidsgerelateerd conflict op de
Bekendmaking belastingaanslagen aan ontbonden rechtspersoon
In de Invorderingswet 1990 is bepaald dat de ontvanger een belastingaanslag bekendmaakt door verzending of uitreiking van het door de inspecteur opgemaakte aanslagbiljet. In afwijking hiervan kan de ontvanger een belastingaanslag ten name van een
Hof bevestigt correcties inspecteur: aftrekposten niet onderbouwd
In een recente uitspraak heeft Hof Den Bosch in hoger beroep de door de inspecteur aangebrachte correcties en boetes met betrekking tot aftrekposten in de vennootschapsbelasting bevestigd. De zaak draaide om een bedrijf dat verschillende kosten heeft
Werkgever mocht werknemers overplaatsen met beroep op eenzijdig wijzigingsbeding
Wanneer een eenzijdig wijzigingsbeding is overeengekomen, kan de werkgever arbeidsvoorwaarden wijzigen zonder toestemming van de werknemer. De werkgever moet bij de wijziging van de arbeidsvoorwaarden een zodanig zwaarwichtig belang dat het belang
Was de inspecteur te laat met een navorderingsaanslag?
Een belastingplichtige heeft over 2016 geen aangifte inkomstenbelasting ingediend. De inspecteur legt binnen de reguliere aanslagtermijn geen aanslag op, maar legt wel binnen de navorderingstermijn een navorderingsaanslag op. De belastingplichtige
Geen verzuimboetes e-commerce tot 1 januari 2025
De staatssecretaris van Financiën heeft de goedkeuring om geen betalingsverzuimboetes op te leggen aan ondernemers, die deelnemen aan de regeling EU btw e-commerce, verlengd tot 1 januari 2025. Aanvankelijk liep de goedkeuring tot 1 juni 2024, maar
€ 148 miljoen voor stimulering Nederlandse maakindustrie
De Investeringssubsidie Maakindustrie Klimaatneutrale Economie (IMKE) is bedoeld om het opzetten van productielijnen voor elektrolyse-installaties, innovatieve zonnepanelen en batterijen te stimuleren. Voor de regeling is in totaal € 148 miljoen
Geen verband tussen ziekte en medisch onderzoek: geen aftrek kosten
Onder voorwaarden komt een belastingplichtige in aanmerking voor aftrek van specifieke zorgkosten. De Wet IB 2001 vereist een causaal verband tussen de ziekte van de belastingplichtige en de gemaakte kosten voor een medische behandeling. Op de
Wettelijke regels berekening WIA-dagloon zijn discriminerend
Een WW- en een WIA-uitkering worden berekend op basis van het dagloon. Dat is het loon, dat in het refertejaar is verdiend, gedeeld door het aantal dagloondagen in het refertejaar. Bij de berekening van het dagloon voor een WIA-uitkering worden ook
Betaalde premie voor buitenlandse AOV als aftrekpost?
Bij het invullen van zijn aangifte inkomstenbelasting heeft een belastingplichtige de premie voor een Duitse arbeidsongeschiktheidsverzekering (AOV) als aftrekpost opgevoerd. De belastinginspecteur corrigeert echter de aangifte, omdat de premie
Loonstop ten onrechte opgelegd
Een werkgever heeft een loonstop opgelegd aan een werknemer, die volgens een rapport van de bedrijfsarts niet ziek is. De bedrijfsarts heeft geconstateerd dat er geen medische beperkingen zijn. Er is sprake van een arbeidsgerelateerd conflict op de
Bekendmaking belastingaanslagen aan ontbonden rechtspersoon
In de Invorderingswet 1990 is bepaald dat de ontvanger een belastingaanslag bekendmaakt door verzending of uitreiking van het door de inspecteur opgemaakte aanslagbiljet. In afwijking hiervan kan de ontvanger een belastingaanslag ten name van een
Hof bevestigt correcties inspecteur: aftrekposten niet onderbouwd
In een recente uitspraak heeft Hof Den Bosch in hoger beroep de door de inspecteur aangebrachte correcties en boetes met betrekking tot aftrekposten in de vennootschapsbelasting bevestigd. De zaak draaide om een bedrijf dat verschillende kosten heeft
Werkgever mocht werknemers overplaatsen met beroep op eenzijdig wijzigingsbeding
Wanneer een eenzijdig wijzigingsbeding is overeengekomen, kan de werkgever arbeidsvoorwaarden wijzigen zonder toestemming van de werknemer. De werkgever moet bij de wijziging van de arbeidsvoorwaarden een zodanig zwaarwichtig belang dat het belang
Was de inspecteur te laat met een navorderingsaanslag?
Een belastingplichtige heeft over 2016 geen aangifte inkomstenbelasting ingediend. De inspecteur legt binnen de reguliere aanslagtermijn geen aanslag op, maar legt wel binnen de navorderingstermijn een navorderingsaanslag op. De belastingplichtige
Geen verzuimboetes e-commerce tot 1 januari 2025
De staatssecretaris van Financiën heeft de goedkeuring om geen betalingsverzuimboetes op te leggen aan ondernemers, die deelnemen aan de regeling EU btw e-commerce, verlengd tot 1 januari 2025. Aanvankelijk liep de goedkeuring tot 1 juni 2024, maar
€ 148 miljoen voor stimulering Nederlandse maakindustrie
De Investeringssubsidie Maakindustrie Klimaatneutrale Economie (IMKE) is bedoeld om het opzetten van productielijnen voor elektrolyse-installaties, innovatieve zonnepanelen en batterijen te stimuleren. Voor de regeling is in totaal € 148 miljoen
Geen verband tussen ziekte en medisch onderzoek: geen aftrek kosten
Onder voorwaarden komt een belastingplichtige in aanmerking voor aftrek van specifieke zorgkosten. De Wet IB 2001 vereist een causaal verband tussen de ziekte van de belastingplichtige en de gemaakte kosten voor een medische behandeling. Op de
Wettelijke regels berekening WIA-dagloon zijn discriminerend
Een WW- en een WIA-uitkering worden berekend op basis van het dagloon. Dat is het loon, dat in het refertejaar is verdiend, gedeeld door het aantal dagloondagen in het refertejaar. Bij de berekening van het dagloon voor een WIA-uitkering worden ook
Betaalde premie voor buitenlandse AOV als aftrekpost?
Bij het invullen van zijn aangifte inkomstenbelasting heeft een belastingplichtige de premie voor een Duitse arbeidsongeschiktheidsverzekering (AOV) als aftrekpost opgevoerd. De belastinginspecteur corrigeert echter de aangifte, omdat de premie
