Framework
Global Presets UI Style Guide
01. Farb Palette
In diesem Teil des Styleguides können Sie jede Farbe in den Hintergrundeinstellungen des Textmoduls ändern. Verwenden Sie denselben Farbcode im Textmodul darunter, um auch eine schriftliche Version des Farbcodes zu erhalten. Verwenden Sie diese Farbcodes anschließend in Ihrer Divi Theme Builder-Standardfarbpalette.
#FFFFFF
#F9F9F9
#6b5359
#a5d3f1
#e5007d
#333333
#ebea91
#1c2e63
#dbcfad
#7a9d78
#F9F9F9
#e0e0e0
#444444
#000000
02. Textstile
Im zweiten Teil dieses Styleguide-Drahtgitters können Sie Ihre verschiedenen Texttypen formatieren. Sie erhalten auch eine primäre, sekundäre und tertiäre Option, die Sie anschließend in individuelle Voreinstellungen umwandeln können.
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
Einleitungstext
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.
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. Module
Der letzte Teil dieses Styleguides behandelt einige der am häufigsten verwendeten Module in Divi. Hier stellen wir Ihnen auch eine primäre, sekundäre und tertiäre Version jedes Moduls zur Verfügung, die Sie als globales Preset formatieren und hinzufügen können. Sie können für jedes Modul weitere alternative Designs erstellen.
Primary
Secondary
Tertiary
Button
Blurb
Titel
Ihr Inhalt steht hier. Bearbeiten oder entfernen Sie diesen Text inline oder in den Inhaltseinstellungen des Moduls. Sie können auch jeden Aspekt dieses Inhalts in den Modul-Designeinstellungen formatieren und in den erweiterten Einstellungen des Moduls sogar benutzerdefiniertes CSS auf diesen Text anwenden.
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
Kontakt Formular
Kontaktformular
Bild
Aufforderung
Hier steht der 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.
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.
Trennlinie
Person
Name
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
Titel des Toggles
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
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
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
Ausflug ganzes Tagi
In den Herbstferien machten wir einen Ausflug mit allen Gruppen zum Aussichtsturm Liestal mit Zug, Bus, Picknick, Feuerstelle.
Einladung zur Vernissage
Am Mittwoch, 25. Oktober findet eine Vernissage zum Thema «4 Elemente» im Tagesheim statt. Die Gruppen stellen ihre Kunstwerke aus.
Aktivitäten und Anlässe 2023
Nebst den gewohnten und spontanen Gruppen-, Tagesausflügen und anderen Aktivitäten, möchten wir über geplante Anlässe vom ganzen Tagesheim informieren.
Grillplausch | Mittwoch 30. August 2023
Wir laden euch zum Grillplausch im Tagesheim Rhy-Spatze ein und möchten mit euch einen gemütlichen Sommerabend verbringen.
Turngruppe
Jeden Donnerstag während der Schulzeit können wir eine Turnhalle in der näheren Umgebung von 9.15 bis 10.30 Uhr für einen Bewegungsmorgen nutzen.
Der Wald ruft
Wir gehen in den Wald und entdecken die Vielfalt unserer Natur. Mit den Kindern erleben wir einen Morgen im Wald und entdecken dabei unsere grüne Umgebung.
Frei- und Ferientage 2023
Hier finden Sie alle Frei- und Ferientage für das Jahr 2023. Auffahrt, Pfingsten, Betriebsferien und Weihnachtsferien.
Wettsteinmarkt
Der Wettsteinmarkt bietet wöchentlich regionale Produkte an. Er ermöglicht berufstätigen Personen auf dem Markt einzukaufen und ist ein Quartier-Treffpunkt.
Laternenumzug im Wettsteinquartier
Dieses Jahr schliessen wir uns dem Quartierverein Wettstein für den «Latärnenumzug» an. Wir laden alle Kinder des Tagesheims Rhy-Spatze ein, daran teilzunehmen.
Waldprojekt
Wir gehen in den Wald und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir einen Morgen im Wald und entdecken dabei unsere grüne Umgebung.
Ausflug ganzes Tagi
In den Herbstferien machten wir einen Ausflug mit allen Gruppen zum Aussichtsturm Liestal mit Zug, Bus, Picknick, Feuerstelle.
Einladung zur Vernissage
Am Mittwoch, 25. Oktober findet eine Vernissage zum Thema «4 Elemente» im Tagesheim statt. Die Gruppen stellen ihre Kunstwerke aus.
Aktivitäten und Anlässe 2023
Nebst den gewohnten und spontanen Gruppen-, Tagesausflügen und anderen Aktivitäten, möchten wir über geplante Anlässe vom ganzen Tagesheim informieren.
Grillplausch | Mittwoch 30. August 2023
Wir laden euch zum Grillplausch im Tagesheim Rhy-Spatze ein und möchten mit euch einen gemütlichen Sommerabend verbringen.
Turngruppe
Jeden Donnerstag während der Schulzeit können wir eine Turnhalle in der näheren Umgebung von 9.15 bis 10.30 Uhr für einen Bewegungsmorgen nutzen.
Der Wald ruft
Wir gehen in den Wald und entdecken die Vielfalt unserer Natur. Mit den Kindern erleben wir einen Morgen im Wald und entdecken dabei unsere grüne Umgebung.
Frei- und Ferientage 2023
Hier finden Sie alle Frei- und Ferientage für das Jahr 2023. Auffahrt, Pfingsten, Betriebsferien und Weihnachtsferien.
Wettsteinmarkt
Der Wettsteinmarkt bietet wöchentlich regionale Produkte an. Er ermöglicht berufstätigen Personen auf dem Markt einzukaufen und ist ein Quartier-Treffpunkt.
Laternenumzug im Wettsteinquartier
Dieses Jahr schliessen wir uns dem Quartierverein Wettstein für den «Latärnenumzug» an. Wir laden alle Kinder des Tagesheims Rhy-Spatze ein, daran teilzunehmen.
Waldprojekt
Wir gehen in den Wald und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir einen Morgen im Wald und entdecken dabei unsere grüne Umgebung.
Ausflug ganzes Tagi
In den Herbstferien machten wir einen Ausflug mit allen Gruppen zum Aussichtsturm Liestal mit Zug, Bus, Picknick, Feuerstelle.
Einladung zur Vernissage
Am Mittwoch, 25. Oktober findet eine Vernissage zum Thema «4 Elemente» im Tagesheim statt. Die Gruppen stellen ihre Kunstwerke aus.
Aktivitäten und Anlässe 2023
Nebst den gewohnten und spontanen Gruppen-, Tagesausflügen und anderen Aktivitäten, möchten wir über geplante Anlässe vom ganzen Tagesheim informieren.
Grillplausch | Mittwoch 30. August 2023
Wir laden euch zum Grillplausch im Tagesheim Rhy-Spatze ein und möchten mit euch einen gemütlichen Sommerabend verbringen.
Turngruppe
Jeden Donnerstag während der Schulzeit können wir eine Turnhalle in der näheren Umgebung von 9.15 bis 10.30 Uhr für einen Bewegungsmorgen nutzen.
Der Wald ruft
Wir gehen in den Wald und entdecken die Vielfalt unserer Natur. Mit den Kindern erleben wir einen Morgen im Wald und entdecken dabei unsere grüne Umgebung.
Frei- und Ferientage 2023
Hier finden Sie alle Frei- und Ferientage für das Jahr 2023. Auffahrt, Pfingsten, Betriebsferien und Weihnachtsferien.
Wettsteinmarkt
Der Wettsteinmarkt bietet wöchentlich regionale Produkte an. Er ermöglicht berufstätigen Personen auf dem Markt einzukaufen und ist ein Quartier-Treffpunkt.
Laternenumzug im Wettsteinquartier
Dieses Jahr schliessen wir uns dem Quartierverein Wettstein für den «Latärnenumzug» an. Wir laden alle Kinder des Tagesheims Rhy-Spatze ein, daran teilzunehmen.
Waldprojekt
Wir gehen in den Wald und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir einen Morgen im Wald und entdecken dabei unsere grüne Umgebung.