Sozialverband Deutschland
Kreisverband Steinburg

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

Learn more
Learn more
Learn more
Learn more

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

11 + 2 =

15 + 5 =

13 + 4 =

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.

Click Here

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.

Click Here

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

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

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

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.

Name 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.

Name 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.

Name Goes Here

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

Veranstaltungskalender 2026 OV Itzehoe

Veranstaltungskalender 2026 OV Itzehoe

von | Nov. 29, 2025 |

Veranstaltungsprogramm 2026 Ortsverband Itzehoe Spielenachmittage jeweils am 2. Dienstag:13. Januar, 10. Februar, 10. März, 14. April, 12. Mai, 09. Juni, 08.September, 13. Oktober, 10. November und 08. DezemberFür alle Mitglieder des Ortsverbands Itzehoe und Gäste,...

VERANSTALTUNGEN 2026

VERANSTALTUNGEN 2026

von | Nov. 25, 2025 |

Grünkohlessen Sonntag 08.02.2026, 12 UhrStörkroog Willenscharenum Anmeldung und Vorkasse wird gebeten bis zum 20.01.2026nur begrenzte Anzahl Plätze zur VerfügungMitglieder: 14,-€ / Gäste: 25,90€bitte nicht vor Anfang Januar 2026 überweisen.Jahreshauptversammlung mit...

kommende Termine

kommende Termine

von | Okt. 8, 2025 |

Spielevormittage:15.10., 19.11.2025 in der Bäckerei Sievers, SchenefeldBINGO:29.10., 26.11. 2025 in Nanke‘s Cafe am Mühlenteich 19. bis 26. März.2026 Urlaub achtern Dieck in Büsum Die Zimmer sind reserviert. Wir freuen uns, Ihnen auch für das kommende Jahr einen...

Sommerreise 2025 nach Bochum

Sommerreise 2025 nach Bochum

von | Okt. 8, 2025 |

Wir danken Margot und Johannes Musfeldt für den ausführlichen Erlebnisbericht der Bochum Reise und haben uns sehr darüber gefreut. Leider können wir aus Platzgründen nicht den kompletten Bericht drucken, deshalb hier nur ein paar Auszüge und Eindrücke ihres Berichtes,...

Veranstaltungskalender 2026 OV Itzehoe

Veranstaltungskalender 2026 OV Itzehoe

von | Nov. 29, 2025 |

Veranstaltungsprogramm 2026 Ortsverband Itzehoe Spielenachmittage jeweils am 2. Dienstag:13. Januar, 10. Februar, 10. März, 14. April, 12. Mai, 09. Juni, 08.September, 13. Oktober, 10. November und 08. DezemberFür alle Mitglieder des Ortsverbands Itzehoe und Gäste,...

VERANSTALTUNGEN 2026

VERANSTALTUNGEN 2026

von | Nov. 25, 2025 |

Grünkohlessen Sonntag 08.02.2026, 12 UhrStörkroog Willenscharenum Anmeldung und Vorkasse wird gebeten bis zum 20.01.2026nur begrenzte Anzahl Plätze zur VerfügungMitglieder: 14,-€ / Gäste: 25,90€bitte nicht vor Anfang Januar 2026 überweisen.Jahreshauptversammlung mit...

kommende Termine

kommende Termine

von | Okt. 8, 2025 |

Spielevormittage:15.10., 19.11.2025 in der Bäckerei Sievers, SchenefeldBINGO:29.10., 26.11. 2025 in Nanke‘s Cafe am Mühlenteich 19. bis 26. März.2026 Urlaub achtern Dieck in Büsum Die Zimmer sind reserviert. Wir freuen uns, Ihnen auch für das kommende Jahr einen...

Sommerreise 2025 nach Bochum

Sommerreise 2025 nach Bochum

von | Okt. 8, 2025 |

Wir danken Margot und Johannes Musfeldt für den ausführlichen Erlebnisbericht der Bochum Reise und haben uns sehr darüber gefreut. Leider können wir aus Platzgründen nicht den kompletten Bericht drucken, deshalb hier nur ein paar Auszüge und Eindrücke ihres Berichtes,...

Veranstaltungskalender 2026 OV Itzehoe

Veranstaltungskalender 2026 OV Itzehoe

von | Nov. 29, 2025 |

Veranstaltungsprogramm 2026 Ortsverband Itzehoe Spielenachmittage jeweils am 2. Dienstag:13. Januar, 10. Februar, 10. März, 14. April, 12. Mai, 09. Juni, 08.September, 13. Oktober, 10. November und 08. DezemberFür alle Mitglieder des Ortsverbands Itzehoe und Gäste,...

VERANSTALTUNGEN 2026

VERANSTALTUNGEN 2026

von | Nov. 25, 2025 |

Grünkohlessen Sonntag 08.02.2026, 12 UhrStörkroog Willenscharenum Anmeldung und Vorkasse wird gebeten bis zum 20.01.2026nur begrenzte Anzahl Plätze zur VerfügungMitglieder: 14,-€ / Gäste: 25,90€bitte nicht vor Anfang Januar 2026 überweisen.Jahreshauptversammlung mit...

kommende Termine

kommende Termine

von | Okt. 8, 2025 |

Spielevormittage:15.10., 19.11.2025 in der Bäckerei Sievers, SchenefeldBINGO:29.10., 26.11. 2025 in Nanke‘s Cafe am Mühlenteich 19. bis 26. März.2026 Urlaub achtern Dieck in Büsum Die Zimmer sind reserviert. Wir freuen uns, Ihnen auch für das kommende Jahr einen...

Sommerreise 2025 nach Bochum

Sommerreise 2025 nach Bochum

von | Okt. 8, 2025 |

Wir danken Margot und Johannes Musfeldt für den ausführlichen Erlebnisbericht der Bochum Reise und haben uns sehr darüber gefreut. Leider können wir aus Platzgründen nicht den kompletten Bericht drucken, deshalb hier nur ein paar Auszüge und Eindrücke ihres Berichtes,...