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
Geen ingekomen werknemer
De 30%-regeling is op verzoek van toepassing op een ingekomen werknemer met een specifieke deskundigheid, die op de Nederlandse arbeidsmarkt schaars is. De regeling is alleen van toepassing als de werknemer uit een ander land is aangeworven en die
Vaststelling rendementspercentage box 3 banktegoeden en schulden voor 2023
Op een moment, waarop een groot deel van de belastingplichtigen de aangifte IB voor het jaar 2023 heeft ingediend, heeft de staatssecretaris de forfaitaire rendementspercentages in box 3 voor banktegoeden en schulden vastgesteld. Dat gebeurt met
Verkoop woningbouwkavels belast met btw?
Een tuinbouwer zag zich door een wijziging van het bestemmingsplan gedwongen om zijn activiteiten te beëindigen. Met de gemeente heeft hij een overeenkomst gesloten waarbij hij zich verplichtte zijn bedrijfsgebouwen te saneren. De tuinbouwer ontving
Was een verbouwing zo ingrijpend dat in wezen nieuwbouw is ontstaan?
Een ondernemer heeft een pand gekocht nadat dit was verbouwd tot hotel. De vraag is of de aanpassingen aan het pand zo ingrijpend zijn geweest dat in wezen nieuwbouw heeft plaatsgevonden. In dat geval is de latere levering niet belast met
Proceskostenvergoeding
Een belanghebbende is het niet eens met de toegekende proceskostenvergoeding en gaat in beroep. Uiteindelijk belandt de zaak bij de Hoge Raad. De rechtsvraag is of de proceskostenvergoeding juist is vastgesteld.
Artikel 8:75 Awb
Artikel 8:75 van de
Kamerbrief over toekomstig stelsel box 3
De staatssecretaris van Financiën heeft een brief aan de Tweede Kamer gestuurd over de ontwikkelingen rond de belastingheffing in box 3 van de inkomstenbelasting. In de brief gaat de staatssecretaris in op de aankomende arresten van de Hoge Raad over
Kabinet wil verbod op contante betalingen boven € 3.000
Het wetsvoorstel plan van aanpak witwassen omvat een verbod op contante betalingen boven € 3.000. Het wetsvoorstel is door de Tweede Kamer controversieel verklaard nadat het kabinet is gevallen. De ministers van Financiën en van Veiligheid en
Geen extra verhoging minimumloon per 1 juli, wel indexering
De Eerste Kamer heeft het wetsvoorstel met een extra verhoging van het wettelijke minimumloon per 1 juli 2024 verworpen. De reguliere halfjaarlijkse indexering van het minimumloon gaat wel door. Per 1 juli stijgt het minimumuurloon met 3,09% tot
Aanpassing besluit internationale waardeoverdracht van pensioen
Naar aanleiding van twee arresten van het Hof van Justitie EU heeft de staatssecretaris van Financiën een besluit over de internationale waardeoverdracht van pensioen aangepast. Door de wijziging zijn twee eerder gestelde voorwaarden aan de
Gevolgen verliesverrekening voor aanslag waarmee verlies is verrekend
Een ondernemer leed in 2018 verlies. De inspecteur heeft het vastgestelde verlies bij beschikking verrekend met de aanslag inkomstenbelasting over 2015. In reactie op de beschikking verliesverrekening vragen de ondernemer en zijn fiscale partner de
Geen ingekomen werknemer
De 30%-regeling is op verzoek van toepassing op een ingekomen werknemer met een specifieke deskundigheid, die op de Nederlandse arbeidsmarkt schaars is. De regeling is alleen van toepassing als de werknemer uit een ander land is aangeworven en die
Vaststelling rendementspercentage box 3 banktegoeden en schulden voor 2023
Op een moment, waarop een groot deel van de belastingplichtigen de aangifte IB voor het jaar 2023 heeft ingediend, heeft de staatssecretaris de forfaitaire rendementspercentages in box 3 voor banktegoeden en schulden vastgesteld. Dat gebeurt met
Verkoop woningbouwkavels belast met btw?
Een tuinbouwer zag zich door een wijziging van het bestemmingsplan gedwongen om zijn activiteiten te beëindigen. Met de gemeente heeft hij een overeenkomst gesloten waarbij hij zich verplichtte zijn bedrijfsgebouwen te saneren. De tuinbouwer ontving
Was een verbouwing zo ingrijpend dat in wezen nieuwbouw is ontstaan?
Een ondernemer heeft een pand gekocht nadat dit was verbouwd tot hotel. De vraag is of de aanpassingen aan het pand zo ingrijpend zijn geweest dat in wezen nieuwbouw heeft plaatsgevonden. In dat geval is de latere levering niet belast met
Proceskostenvergoeding
Een belanghebbende is het niet eens met de toegekende proceskostenvergoeding en gaat in beroep. Uiteindelijk belandt de zaak bij de Hoge Raad. De rechtsvraag is of de proceskostenvergoeding juist is vastgesteld.
Artikel 8:75 Awb
Artikel 8:75 van de
Kamerbrief over toekomstig stelsel box 3
De staatssecretaris van Financiën heeft een brief aan de Tweede Kamer gestuurd over de ontwikkelingen rond de belastingheffing in box 3 van de inkomstenbelasting. In de brief gaat de staatssecretaris in op de aankomende arresten van de Hoge Raad over
Kabinet wil verbod op contante betalingen boven € 3.000
Het wetsvoorstel plan van aanpak witwassen omvat een verbod op contante betalingen boven € 3.000. Het wetsvoorstel is door de Tweede Kamer controversieel verklaard nadat het kabinet is gevallen. De ministers van Financiën en van Veiligheid en
Geen extra verhoging minimumloon per 1 juli, wel indexering
De Eerste Kamer heeft het wetsvoorstel met een extra verhoging van het wettelijke minimumloon per 1 juli 2024 verworpen. De reguliere halfjaarlijkse indexering van het minimumloon gaat wel door. Per 1 juli stijgt het minimumuurloon met 3,09% tot
Aanpassing besluit internationale waardeoverdracht van pensioen
Naar aanleiding van twee arresten van het Hof van Justitie EU heeft de staatssecretaris van Financiën een besluit over de internationale waardeoverdracht van pensioen aangepast. Door de wijziging zijn twee eerder gestelde voorwaarden aan de
Gevolgen verliesverrekening voor aanslag waarmee verlies is verrekend
Een ondernemer leed in 2018 verlies. De inspecteur heeft het vastgestelde verlies bij beschikking verrekend met de aanslag inkomstenbelasting over 2015. In reactie op de beschikking verliesverrekening vragen de ondernemer en zijn fiscale partner de
Geen ingekomen werknemer
De 30%-regeling is op verzoek van toepassing op een ingekomen werknemer met een specifieke deskundigheid, die op de Nederlandse arbeidsmarkt schaars is. De regeling is alleen van toepassing als de werknemer uit een ander land is aangeworven en die
Vaststelling rendementspercentage box 3 banktegoeden en schulden voor 2023
Op een moment, waarop een groot deel van de belastingplichtigen de aangifte IB voor het jaar 2023 heeft ingediend, heeft de staatssecretaris de forfaitaire rendementspercentages in box 3 voor banktegoeden en schulden vastgesteld. Dat gebeurt met
Verkoop woningbouwkavels belast met btw?
Een tuinbouwer zag zich door een wijziging van het bestemmingsplan gedwongen om zijn activiteiten te beëindigen. Met de gemeente heeft hij een overeenkomst gesloten waarbij hij zich verplichtte zijn bedrijfsgebouwen te saneren. De tuinbouwer ontving
Was een verbouwing zo ingrijpend dat in wezen nieuwbouw is ontstaan?
Een ondernemer heeft een pand gekocht nadat dit was verbouwd tot hotel. De vraag is of de aanpassingen aan het pand zo ingrijpend zijn geweest dat in wezen nieuwbouw heeft plaatsgevonden. In dat geval is de latere levering niet belast met
Proceskostenvergoeding
Een belanghebbende is het niet eens met de toegekende proceskostenvergoeding en gaat in beroep. Uiteindelijk belandt de zaak bij de Hoge Raad. De rechtsvraag is of de proceskostenvergoeding juist is vastgesteld.
Artikel 8:75 Awb
Artikel 8:75 van de
Kamerbrief over toekomstig stelsel box 3
De staatssecretaris van Financiën heeft een brief aan de Tweede Kamer gestuurd over de ontwikkelingen rond de belastingheffing in box 3 van de inkomstenbelasting. In de brief gaat de staatssecretaris in op de aankomende arresten van de Hoge Raad over
Kabinet wil verbod op contante betalingen boven € 3.000
Het wetsvoorstel plan van aanpak witwassen omvat een verbod op contante betalingen boven € 3.000. Het wetsvoorstel is door de Tweede Kamer controversieel verklaard nadat het kabinet is gevallen. De ministers van Financiën en van Veiligheid en
Geen extra verhoging minimumloon per 1 juli, wel indexering
De Eerste Kamer heeft het wetsvoorstel met een extra verhoging van het wettelijke minimumloon per 1 juli 2024 verworpen. De reguliere halfjaarlijkse indexering van het minimumloon gaat wel door. Per 1 juli stijgt het minimumuurloon met 3,09% tot
Aanpassing besluit internationale waardeoverdracht van pensioen
Naar aanleiding van twee arresten van het Hof van Justitie EU heeft de staatssecretaris van Financiën een besluit over de internationale waardeoverdracht van pensioen aangepast. Door de wijziging zijn twee eerder gestelde voorwaarden aan de
Gevolgen verliesverrekening voor aanslag waarmee verlies is verrekend
Een ondernemer leed in 2018 verlies. De inspecteur heeft het vastgestelde verlies bij beschikking verrekend met de aanslag inkomstenbelasting over 2015. In reactie op de beschikking verliesverrekening vragen de ondernemer en zijn fiscale partner de