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.
All in one – Artikel Presets
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Standart Artikeltext:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Aufzählung:
- Lorum Ipsum
- Dolor sit
- At vero eos
Ein Link: Anker13.de
Ein Zitat:
„Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.“
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Sozialthemen Artikeltext:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Aufzählung:
- Lorum Ipsum
- Dolor sit
- At vero eos
Ein Link: Anker13.de
Ein Zitat:
„Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.“
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Frauenthemen Artikeltext:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Aufzählung:
- Lorum Ipsum
- Dolor sit
- At vero eos
Ein Link: Anker13.de
Ein Zitat:
„Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.“
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Jugendthemen Artikeltext:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Aufzählung:
- Lorum Ipsum
- Dolor sit
- At vero eos
Ein Link: Anker13.de
Ein Zitat:
„Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.“
Button
Primary
Secondary
Tertiary
Blurb
Dein Titel steht hier
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.
Dein Titel steht hier
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.
Dein Titel steht hier
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.
Dein Titel steht hier
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.
Ihr Titel
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
Neuer Organisationsbogen 2020
Sehr geehrte Damen und Herren, es ist dem Landesverband ein Anliegen, die ehrenamtlichen Mitarbeiterinnen und Mitarbeiter so gut wie möglich im Falle eines Unfalls bei ihrer Tätigkeit für den SoVD abzusichern. Wie Sie wissen, sind bisher alle haupt- und ehrenamtlich...
OV Heiligenstedten – Wellenkamp
Am 29. November 1946, nachdem die Vorbehalte der britischen Besatzungsmacht gegen Kriegsopferorganisationen ausgeräumt waren, wurde der Sozialverband Reichsbund in Hamburg ins Leben gerufen und am 23. Mai 1947 neu gegründet. Bereits in dieser Zeit wurde auch der...
Alfred Bornhalm neuer SoVD-Landesvorsitzender
Auf einer Verbandstagung des Schleswig-Holsteinischen Landesverbands des Sozialverband Deutschland (SoVD) wurde der bisherige Vorsitzende des Sozialpolitischen Ausschusses, Alfred Bornhalm, am Sonnabend, 5. September, in der Wunderino-Arena in Kiel zum neuen...
Wir sind weiter für Sie da
Die Coronakrise bringt große Einschränkungen und Umstellungen im Berufsleben und Privaten. Auch am SoVD geht Corona nicht vorbei. Dem Verband ist in diesen Zeiten besonders wichtig, nach wie vor verlässlich für seine Mitglieder da zu sein und ihnen wie gewohnt zur...
Vorstand Itzehoe-Mitte
Funktion Name Telefon 1. Vorsitzender Horst Koop (verstorben) 2. Vorsitzender Günter von Reith Schatzmeisterin Brigitte Starck-Krawutschke 04821/3235 Schriftführer Günter Pruin 04821/3028 Frauenvertreterin Brigitte Koop 04821/1789275 Beisitzerin Doris Baade Beisitzer...
Fahrt ins Blaue 2019
Am Mittwoch, dem 19. Juni 2019 veranstaltete der Ortsverband Itzehoe-Mitte eine Fahrt ins Blaue. Erst Lust dann Frust? Dieses Jahr ging die Fahrt ins Blaue in das schöne Schwerin. Organisatorisch hatte unser Horst Koop wieder Maßarbeit geleistet: ein...
Neuer Organisationsbogen 2020
Sehr geehrte Damen und Herren, es ist dem Landesverband ein Anliegen, die ehrenamtlichen Mitarbeiterinnen und Mitarbeiter so gut wie möglich im Falle eines Unfalls bei ihrer Tätigkeit für den SoVD abzusichern. Wie Sie wissen, sind bisher alle haupt- und ehrenamtlich...
OV Heiligenstedten – Wellenkamp
Am 29. November 1946, nachdem die Vorbehalte der britischen Besatzungsmacht gegen Kriegsopferorganisationen ausgeräumt waren, wurde der Sozialverband Reichsbund in Hamburg ins Leben gerufen und am 23. Mai 1947 neu gegründet. Bereits in dieser Zeit wurde auch der...
Alfred Bornhalm neuer SoVD-Landesvorsitzender
Auf einer Verbandstagung des Schleswig-Holsteinischen Landesverbands des Sozialverband Deutschland (SoVD) wurde der bisherige Vorsitzende des Sozialpolitischen Ausschusses, Alfred Bornhalm, am Sonnabend, 5. September, in der Wunderino-Arena in Kiel zum neuen...
Wir sind weiter für Sie da
Die Coronakrise bringt große Einschränkungen und Umstellungen im Berufsleben und Privaten. Auch am SoVD geht Corona nicht vorbei. Dem Verband ist in diesen Zeiten besonders wichtig, nach wie vor verlässlich für seine Mitglieder da zu sein und ihnen wie gewohnt zur...
Vorstand Itzehoe-Mitte
Funktion Name Telefon 1. Vorsitzender Horst Koop (verstorben) 2. Vorsitzender Günter von Reith Schatzmeisterin Brigitte Starck-Krawutschke 04821/3235 Schriftführer Günter Pruin 04821/3028 Frauenvertreterin Brigitte Koop 04821/1789275 Beisitzerin Doris Baade Beisitzer...
Fahrt ins Blaue 2019
Am Mittwoch, dem 19. Juni 2019 veranstaltete der Ortsverband Itzehoe-Mitte eine Fahrt ins Blaue. Erst Lust dann Frust? Dieses Jahr ging die Fahrt ins Blaue in das schöne Schwerin. Organisatorisch hatte unser Horst Koop wieder Maßarbeit geleistet: ein...
Neuer Organisationsbogen 2020
Sehr geehrte Damen und Herren, es ist dem Landesverband ein Anliegen, die ehrenamtlichen Mitarbeiterinnen und Mitarbeiter so gut wie möglich im Falle eines Unfalls bei ihrer Tätigkeit für den SoVD abzusichern. Wie Sie wissen, sind bisher alle haupt- und ehrenamtlich...
OV Heiligenstedten – Wellenkamp
Am 29. November 1946, nachdem die Vorbehalte der britischen Besatzungsmacht gegen Kriegsopferorganisationen ausgeräumt waren, wurde der Sozialverband Reichsbund in Hamburg ins Leben gerufen und am 23. Mai 1947 neu gegründet. Bereits in dieser Zeit wurde auch der...
Alfred Bornhalm neuer SoVD-Landesvorsitzender
Auf einer Verbandstagung des Schleswig-Holsteinischen Landesverbands des Sozialverband Deutschland (SoVD) wurde der bisherige Vorsitzende des Sozialpolitischen Ausschusses, Alfred Bornhalm, am Sonnabend, 5. September, in der Wunderino-Arena in Kiel zum neuen...
Wir sind weiter für Sie da
Die Coronakrise bringt große Einschränkungen und Umstellungen im Berufsleben und Privaten. Auch am SoVD geht Corona nicht vorbei. Dem Verband ist in diesen Zeiten besonders wichtig, nach wie vor verlässlich für seine Mitglieder da zu sein und ihnen wie gewohnt zur...
Vorstand Itzehoe-Mitte
Funktion Name Telefon 1. Vorsitzender Horst Koop (verstorben) 2. Vorsitzender Günter von Reith Schatzmeisterin Brigitte Starck-Krawutschke 04821/3235 Schriftführer Günter Pruin 04821/3028 Frauenvertreterin Brigitte Koop 04821/1789275 Beisitzerin Doris Baade Beisitzer...
Fahrt ins Blaue 2019
Am Mittwoch, dem 19. Juni 2019 veranstaltete der Ortsverband Itzehoe-Mitte eine Fahrt ins Blaue. Erst Lust dann Frust? Dieses Jahr ging die Fahrt ins Blaue in das schöne Schwerin. Organisatorisch hatte unser Horst Koop wieder Maßarbeit geleistet: ein...