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

1 + 6 =

3 + 13 =

5 + 11 =

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

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

Erste Lockerungen ab Montag, 01.03.

Erste Lockerungen ab Montag, 01.03.

26. Februar 2021    Landesregierung beschließt Neufassung der Corona-Bekämpfungsverordnung   KIEL. Die Landesregierung hat heute (26. Februar) wie angekündigt eine Neufassung der Corona-Bekämpfungsverordnung beschlossen. Einige der bisherigen Beschränkungen...

Rundbrief Schenefeld Februar´21

Rundbrief Schenefeld Februar´21

Bis auf weiteres finden keine offenen Sprechstunden statt. Unsere Berater*innen stehen ihnen aber telefonisch zur Verfügung. Kontaktdaten finden Sie in der Fußzeile. Danke für Ihr Verständnis und bleiben Sie gesund!Wenn die Tage grau und leer sind und selbst der Wind...

OV Wilster: Rundschreiben Februar 2021

OV Wilster: Rundschreiben Februar 2021

Rundschreiben Februar 2021 Liebes Mitglied, herzlich Willkommen beim OV Wilster. Wir hoffen, dass Sie trotz der besonderen Zeit gesund geblieben sind. Wir vom Vorstand waren so voll Freude und Hoffnung, dass wir unsere Aktivitäten nach so langer Zeit wieder hätten...

Orgabogen-PDF am Computer ausfüllen

Orgabogen-PDF am Computer ausfüllen

Wir haben hier ein paar Dokumente in den Download gestellt. Diese können Sie auch ohne auszudrucken an Ihrem PC oder Laptop ausfüllen und anschließend per Email an den Kreisverband senden.

Sparen Sie sich das drucken! Alles keine große Sache, hier eine kleine Anleitung:

Weihnachtsgrüße

Weihnachtsgrüße

Wir wünschen allen unseren Mitgliedern ein ruhiges, besinnliches Weihnachtsfest 2020 und einen guten Rutsch ins Neue Jahr. Hoffentlich können wir uns im nächsten Jahr alle gesund und munter wiedersehen. Bleibt oder werdet gesund! Ihr/ Euer Vorstand des SoVD...

Rundbrief Nr. 12/2020

Rundbrief Nr. 12/2020

Ich wünsche Dir in diesem Jahr mal Weihnacht‘ wie es früher war. Kein Hetzen zur Bescherung hin, kein Schenken ohne Herz und Sinn. Ich wünsche Dir ein kleines Stück von warmer Menschlichkeit zurück. Es war einmal, schon lang ist’s her, da war so wenig – so viel mehr!...

Weihnachtsgrüße OV Itzehoe-Mitte

Weihnachtsgrüße OV Itzehoe-Mitte

Liebe Mitglieder Dieses Jahr ist für uns alle eine schwierige Zeit, aber wir hoffen auf Besserung. Ihnen allen wünschen wir vor allem Gesundheit. Für die Vorweihnachtszeit und für Weihnachten wünschen wir besinnliche Stunden im Kreise Ihrer Familien. Möge das Neue...

Erste Lockerungen ab Montag, 01.03.

Erste Lockerungen ab Montag, 01.03.

26. Februar 2021    Landesregierung beschließt Neufassung der Corona-Bekämpfungsverordnung   KIEL. Die Landesregierung hat heute (26. Februar) wie angekündigt eine Neufassung der Corona-Bekämpfungsverordnung beschlossen. Einige der bisherigen Beschränkungen...

Rundbrief Schenefeld Februar´21

Rundbrief Schenefeld Februar´21

Bis auf weiteres finden keine offenen Sprechstunden statt. Unsere Berater*innen stehen ihnen aber telefonisch zur Verfügung. Kontaktdaten finden Sie in der Fußzeile. Danke für Ihr Verständnis und bleiben Sie gesund!Wenn die Tage grau und leer sind und selbst der Wind...

OV Wilster: Rundschreiben Februar 2021

OV Wilster: Rundschreiben Februar 2021

Rundschreiben Februar 2021 Liebes Mitglied, herzlich Willkommen beim OV Wilster. Wir hoffen, dass Sie trotz der besonderen Zeit gesund geblieben sind. Wir vom Vorstand waren so voll Freude und Hoffnung, dass wir unsere Aktivitäten nach so langer Zeit wieder hätten...

Orgabogen-PDF am Computer ausfüllen

Orgabogen-PDF am Computer ausfüllen

Wir haben hier ein paar Dokumente in den Download gestellt. Diese können Sie auch ohne auszudrucken an Ihrem PC oder Laptop ausfüllen und anschließend per Email an den Kreisverband senden.

Sparen Sie sich das drucken! Alles keine große Sache, hier eine kleine Anleitung:

Weihnachtsgrüße

Weihnachtsgrüße

Wir wünschen allen unseren Mitgliedern ein ruhiges, besinnliches Weihnachtsfest 2020 und einen guten Rutsch ins Neue Jahr. Hoffentlich können wir uns im nächsten Jahr alle gesund und munter wiedersehen. Bleibt oder werdet gesund! Ihr/ Euer Vorstand des SoVD...

Rundbrief Nr. 12/2020

Rundbrief Nr. 12/2020

Ich wünsche Dir in diesem Jahr mal Weihnacht‘ wie es früher war. Kein Hetzen zur Bescherung hin, kein Schenken ohne Herz und Sinn. Ich wünsche Dir ein kleines Stück von warmer Menschlichkeit zurück. Es war einmal, schon lang ist’s her, da war so wenig – so viel mehr!...

Weihnachtsgrüße OV Itzehoe-Mitte

Weihnachtsgrüße OV Itzehoe-Mitte

Liebe Mitglieder Dieses Jahr ist für uns alle eine schwierige Zeit, aber wir hoffen auf Besserung. Ihnen allen wünschen wir vor allem Gesundheit. Für die Vorweihnachtszeit und für Weihnachten wünschen wir besinnliche Stunden im Kreise Ihrer Familien. Möge das Neue...

Erste Lockerungen ab Montag, 01.03.

Erste Lockerungen ab Montag, 01.03.

26. Februar 2021    Landesregierung beschließt Neufassung der Corona-Bekämpfungsverordnung   KIEL. Die Landesregierung hat heute (26. Februar) wie angekündigt eine Neufassung der Corona-Bekämpfungsverordnung beschlossen. Einige der bisherigen Beschränkungen...

Rundbrief Schenefeld Februar´21

Rundbrief Schenefeld Februar´21

Bis auf weiteres finden keine offenen Sprechstunden statt. Unsere Berater*innen stehen ihnen aber telefonisch zur Verfügung. Kontaktdaten finden Sie in der Fußzeile. Danke für Ihr Verständnis und bleiben Sie gesund!Wenn die Tage grau und leer sind und selbst der Wind...

OV Wilster: Rundschreiben Februar 2021

OV Wilster: Rundschreiben Februar 2021

Rundschreiben Februar 2021 Liebes Mitglied, herzlich Willkommen beim OV Wilster. Wir hoffen, dass Sie trotz der besonderen Zeit gesund geblieben sind. Wir vom Vorstand waren so voll Freude und Hoffnung, dass wir unsere Aktivitäten nach so langer Zeit wieder hätten...

Orgabogen-PDF am Computer ausfüllen

Orgabogen-PDF am Computer ausfüllen

Wir haben hier ein paar Dokumente in den Download gestellt. Diese können Sie auch ohne auszudrucken an Ihrem PC oder Laptop ausfüllen und anschließend per Email an den Kreisverband senden.

Sparen Sie sich das drucken! Alles keine große Sache, hier eine kleine Anleitung:

Weihnachtsgrüße

Weihnachtsgrüße

Wir wünschen allen unseren Mitgliedern ein ruhiges, besinnliches Weihnachtsfest 2020 und einen guten Rutsch ins Neue Jahr. Hoffentlich können wir uns im nächsten Jahr alle gesund und munter wiedersehen. Bleibt oder werdet gesund! Ihr/ Euer Vorstand des SoVD...

Rundbrief Nr. 12/2020

Rundbrief Nr. 12/2020

Ich wünsche Dir in diesem Jahr mal Weihnacht‘ wie es früher war. Kein Hetzen zur Bescherung hin, kein Schenken ohne Herz und Sinn. Ich wünsche Dir ein kleines Stück von warmer Menschlichkeit zurück. Es war einmal, schon lang ist’s her, da war so wenig – so viel mehr!...

Weihnachtsgrüße OV Itzehoe-Mitte

Weihnachtsgrüße OV Itzehoe-Mitte

Liebe Mitglieder Dieses Jahr ist für uns alle eine schwierige Zeit, aber wir hoffen auf Besserung. Ihnen allen wünschen wir vor allem Gesundheit. Für die Vorweihnachtszeit und für Weihnachten wünschen wir besinnliche Stunden im Kreise Ihrer Familien. Möge das Neue...