Dein WordPress DIVI 1×1
Globaler Style Guide
Basierend auf der Vorlage von DIVIs globalen Style Guide.
01. Farben
In diesem Bereich geht’s um die Farben. Du kannst jede Farbe im Text-Modul unter Hintergrund anpassen. Außerdem notierst du dir den Farbcode unterhalb des Farbenquadrats ebenso. Übertrage diese Farben auch zu den Standard-Farben in den DIVI Theme Optionen.
#D2CBC1
#24455c
#0A858A
#7EBEC5
#EBC8DE
#000000
#F9F9F9
#e0e0e0
#444444
#000000
02. Typografie
Hier kannst du deine unterschiedlichen Schriftarten für den Fließtext, die Überschriften und weitere anpassen.
Standard
Variante
Überschrift / Heading 1
Heading 1
Heading 1
Überschrift / Heading 2
Heading 2
Heading 2
Überschrift / Heading 3
Heading 3
Heading 3
Überschrift / Heading 4
Heading 4
Heading 4
Fließtext
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.
Aufzählung
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
Aufzählung (Nummern)
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
Alle in einer Übersicht
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
- Lorum Ipsum
Teiler
03. Buttons
In diesem Bereich entwickelst du deine Buttons.
Standard
Variante
Button
04. Formulare
Im Bereich Formulare, setzt du die Standards für deine Formulare.
Standard
Variante
Kontaktformular
05. Bilder und Videos
In diesem Bereich setzt du die unterschiedlichen Möglichkeiten für Bilder und Videos.
Standard
Variante
Bilder
Video
06. Informationen
Hier designst du die Call-to-actions und weitere Informationstexte.
Standard
Variante
Informationstext
Dein Titel
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Handlungsaufruf (CTA)
Dein Titel
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.
Dein Titel
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.
Dein Titel
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.
Dein Titel
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.
Dein Titel
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.
Umschalter
Dein Titel
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Dein Titel
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Akkordeon
Dein Titel
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Dein Titel
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Dein Titel
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Dein Titel
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
07. Social
Es geht weiter mit den Testimonials, den Social Media Hinweisen.
Standard
Variante
Person
Vorname Nachname
Arbeitsstelle
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Vorname Nachname
Arbeitsstelle
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Kundenstimmen
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
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. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Social Media
08. Blog
Einige der Designmöglichkeiten für deine Blogartikel.
Standard
Variante
Blog
Entdecke die Leichtigkeit und das Gleichgewicht in deinem Familienalltag!
Nach so langer Zeit habe ich nun die Muse regelmäßig Blogbeiträge zu schreiben und heute möchte ich endlich damit beginnen 😊 Oftmals stehen Familien vor Herausforderungen im Alltag, die sie überwältigen können. Kleinkinder, die ständig quengeln oder schlecht schlafen,...
Inhaltsstoffe in Kosmetikartikel
Als meine Tochter 2 Jahre alt war, habe ich die Inhaltsstoffe ihrer Sonnencreme nachgeschlagen. Wir sind uns überhaupt nicht bewusst, was wir uns da so auf die Haut schmieren. Ich begann an diesem Tag umzudenken, seitdem gibts bei uns nur noch selbstgemachte Kosmetik....
Die 5 Must-Haves Öle im Büro bzw. Home Office
Die 5 Must-Haves Öle im Büro bzw. Home Office Meine Motivation ist im Keller, irgendwie geht heute nichts weiter! Kennst du solche Gedanken von dir? Heute möchte ich dir in diesem Beitrag meine 5 must have's Öle im Büro bzw. Home Office vorstellen. In einer Studie...
Warum Young Living?
Ätherische Öle von Young Living Hallo Ich freue mich riesig, dass du auf meiner Homepage vorbeigeschaut hast und gerade meinen ersten Blogartikel liest. Meinen ersten Blogartikel möchte ich gerne darüber schreiben, warum Young Living, da ich oft die Frage gestellt...
Entdecke die Leichtigkeit und das Gleichgewicht in deinem Familienalltag!
Nach so langer Zeit habe ich nun die Muse regelmäßig Blogbeiträge zu schreiben und heute möchte ich endlich damit beginnen 😊 Oftmals stehen Familien vor Herausforderungen im Alltag, die sie überwältigen können. Kleinkinder, die ständig quengeln oder schlecht schlafen,...
Inhaltsstoffe in Kosmetikartikel
Als meine Tochter 2 Jahre alt war, habe ich die Inhaltsstoffe ihrer Sonnencreme nachgeschlagen. Wir sind uns überhaupt nicht bewusst, was wir uns da so auf die Haut schmieren. Ich begann an diesem Tag umzudenken, seitdem gibts bei uns nur noch selbstgemachte Kosmetik....
Die 5 Must-Haves Öle im Büro bzw. Home Office
Die 5 Must-Haves Öle im Büro bzw. Home Office Meine Motivation ist im Keller, irgendwie geht heute nichts weiter! Kennst du solche Gedanken von dir? Heute möchte ich dir in diesem Beitrag meine 5 must have's Öle im Büro bzw. Home Office vorstellen. In einer Studie...
Warum Young Living?
Ätherische Öle von Young Living Hallo Ich freue mich riesig, dass du auf meiner Homepage vorbeigeschaut hast und gerade meinen ersten Blogartikel liest. Meinen ersten Blogartikel möchte ich gerne darüber schreiben, warum Young Living, da ich oft die Frage gestellt...
Post-Slider
Beitragsnavigation
09. Zähler
Hier geht’s um Zahlen.
Standard
Variante
Balkenzähler
- Ihr Titel 50%
- Ihr Titel 50%
Countdown-Timer
Ihr Titel
Tag(e)
:
Stunde(n)
:
Minute(n)
:
Sekunde(n)
Ihr Titel
Tag(e)
:
Stunde(n)
:
Minute(n)
:
Sekunde(n)
Kreiszähler
%
Ihr Titel
%
Ihr Titel
Zähler
%
Ihr Titel
%
Ihr Titel
10. Vollbreite Kopfzeile
Jede Seite beginnt mit einer Kopfzeile, hier breit und schmal.
Dein Titel
Ein möglicher UntertitelLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
11. Vollbreite Kopfzeile – Vollbild
Eine weitere Variante für die vollbreite Kopfzeile ist in Vollbild.
Dein Titel
Ein möglicher UntertitelLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.