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
Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenAccordion
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
Aktivitäten und Anlässe 2026
Nebst den gewohnten und spontanen Gruppen-, Tagesausflügen und anderen Aktivitäten, möchten wir über geplante Anlässe vom ganzen Tagesheim informieren.
Frei- und Feiertage 2027
Frei- und Feiertage 2027: Das Tagi bleibt geschlossen: Fasnacht, Ostern inkl. Gründ. + Karfreitag, Tag der Arb., Auffahrt, Pfingsten, Sommerferien, Weihnachten
Besuchsangebot für zukünftige Grienschnäbel
Jedes Jahr bieten wir neuen Kindergartenkindern ein Besuchsangebot (Morgen und/oder Nachmittage), um die neuen Bezugspersonen und Kinder kennenzulernen.
Turnen
Jeden Donnerstag während der Schulzeit können wir eine Turnhalle in der näheren Umgebung von 9.00 bis 11.00 Uhr für einen Bewegungsmorgen benutzen.
Frei- und Feiertage 2026
Frei- und Feiertage 2026: Das Tagi bleibt geschlossen: Fasnacht, Ostern inkl. Gründ. + Karfreitag, Tag der Arb., Auffahrt, Pfingsten, Sommerferien, Weihnachten
Ab August 2024: Die Kita-Betreuung wird deutlich günstiger
Eltern zahlen künftig höchstens 1’600 Franken pro Monat für eine Vollzeit-Betreuung.
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.
Neues Tagesbetreuungsgesetz 2022
Im Kanton Basel-Stadt tritt per 1. Januar 2022 das neue Tagesbetreuungsgesetz in Kraft. Neu gelten für alle KITA’s die gleichen Qualitätsanforderungen.
Neue Webseite
Die Firma Brainfire aus Zweidlen-Glattfelden hat unsere neue Webseite erstellt. Wir sind ganz frisch anders und mit vielen Inhalten komplett neu aufgestellt.
Corona-Massnahmen
Der Bund verlangt im Rahmen der Massnahmen zur Bekämpfung des Coronavirus (Covid-19) für den Betrieb von Einrichtungen ein Schutzkonzept.
Aktivitäten und Anlässe 2026
Nebst den gewohnten und spontanen Gruppen-, Tagesausflügen und anderen Aktivitäten, möchten wir über geplante Anlässe vom ganzen Tagesheim informieren.
Frei- und Feiertage 2027
Frei- und Feiertage 2027: Das Tagi bleibt geschlossen: Fasnacht, Ostern inkl. Gründ. + Karfreitag, Tag der Arb., Auffahrt, Pfingsten, Sommerferien, Weihnachten
Besuchsangebot für zukünftige Grienschnäbel
Jedes Jahr bieten wir neuen Kindergartenkindern ein Besuchsangebot (Morgen und/oder Nachmittage), um die neuen Bezugspersonen und Kinder kennenzulernen.
Turnen
Jeden Donnerstag während der Schulzeit können wir eine Turnhalle in der näheren Umgebung von 9.00 bis 11.00 Uhr für einen Bewegungsmorgen benutzen.
Frei- und Feiertage 2026
Frei- und Feiertage 2026: Das Tagi bleibt geschlossen: Fasnacht, Ostern inkl. Gründ. + Karfreitag, Tag der Arb., Auffahrt, Pfingsten, Sommerferien, Weihnachten
Ab August 2024: Die Kita-Betreuung wird deutlich günstiger
Eltern zahlen künftig höchstens 1’600 Franken pro Monat für eine Vollzeit-Betreuung.
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.
Neues Tagesbetreuungsgesetz 2022
Im Kanton Basel-Stadt tritt per 1. Januar 2022 das neue Tagesbetreuungsgesetz in Kraft. Neu gelten für alle KITA’s die gleichen Qualitätsanforderungen.
Neue Webseite
Die Firma Brainfire aus Zweidlen-Glattfelden hat unsere neue Webseite erstellt. Wir sind ganz frisch anders und mit vielen Inhalten komplett neu aufgestellt.
Corona-Massnahmen
Der Bund verlangt im Rahmen der Massnahmen zur Bekämpfung des Coronavirus (Covid-19) für den Betrieb von Einrichtungen ein Schutzkonzept.
Aktivitäten und Anlässe 2026
Nebst den gewohnten und spontanen Gruppen-, Tagesausflügen und anderen Aktivitäten, möchten wir über geplante Anlässe vom ganzen Tagesheim informieren.
Frei- und Feiertage 2027
Frei- und Feiertage 2027: Das Tagi bleibt geschlossen: Fasnacht, Ostern inkl. Gründ. + Karfreitag, Tag der Arb., Auffahrt, Pfingsten, Sommerferien, Weihnachten
Besuchsangebot für zukünftige Grienschnäbel
Jedes Jahr bieten wir neuen Kindergartenkindern ein Besuchsangebot (Morgen und/oder Nachmittage), um die neuen Bezugspersonen und Kinder kennenzulernen.
Turnen
Jeden Donnerstag während der Schulzeit können wir eine Turnhalle in der näheren Umgebung von 9.00 bis 11.00 Uhr für einen Bewegungsmorgen benutzen.
Frei- und Feiertage 2026
Frei- und Feiertage 2026: Das Tagi bleibt geschlossen: Fasnacht, Ostern inkl. Gründ. + Karfreitag, Tag der Arb., Auffahrt, Pfingsten, Sommerferien, Weihnachten
Ab August 2024: Die Kita-Betreuung wird deutlich günstiger
Eltern zahlen künftig höchstens 1’600 Franken pro Monat für eine Vollzeit-Betreuung.
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.
Neues Tagesbetreuungsgesetz 2022
Im Kanton Basel-Stadt tritt per 1. Januar 2022 das neue Tagesbetreuungsgesetz in Kraft. Neu gelten für alle KITA’s die gleichen Qualitätsanforderungen.
Neue Webseite
Die Firma Brainfire aus Zweidlen-Glattfelden hat unsere neue Webseite erstellt. Wir sind ganz frisch anders und mit vielen Inhalten komplett neu aufgestellt.
Corona-Massnahmen
Der Bund verlangt im Rahmen der Massnahmen zur Bekämpfung des Coronavirus (Covid-19) für den Betrieb von Einrichtungen ein Schutzkonzept.