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
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.
Frei- und Ferientage 2022
Hier finden Sie alle Frei- und Ferientage für das Jahr 2022.
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.
Strassenfest im Mai 2019
Das Rhy-Spatze-Team lädt ein zum Strassenfest am 18. Mai 2019 für Kinder, Eltern und Passanten. Spielwagen, Kinderschminken, Speis und Trank, Musik, Glücksrad, Ballone, Clown und Zopfverkauf.
Strassenfest im Mai 2016
Strassenfest vom 17. September 2016 mit vielen Gästen. Es war das Einweihungsfest des nach der Renovation und Sanierung vergrösserten Tagesheim Rhy-Spatze.
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.
Frei- und Ferientage 2022
Hier finden Sie alle Frei- und Ferientage für das Jahr 2022.
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.
Strassenfest im Mai 2019
Das Rhy-Spatze-Team lädt ein zum Strassenfest am 18. Mai 2019 für Kinder, Eltern und Passanten. Spielwagen, Kinderschminken, Speis und Trank, Musik, Glücksrad, Ballone, Clown und Zopfverkauf.
Strassenfest im Mai 2016
Strassenfest vom 17. September 2016 mit vielen Gästen. Es war das Einweihungsfest des nach der Renovation und Sanierung vergrösserten Tagesheim Rhy-Spatze.
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.
Frei- und Ferientage 2022
Hier finden Sie alle Frei- und Ferientage für das Jahr 2022.
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.
Strassenfest im Mai 2019
Das Rhy-Spatze-Team lädt ein zum Strassenfest am 18. Mai 2019 für Kinder, Eltern und Passanten. Spielwagen, Kinderschminken, Speis und Trank, Musik, Glücksrad, Ballone, Clown und Zopfverkauf.
Strassenfest im Mai 2016
Strassenfest vom 17. September 2016 mit vielen Gästen. Es war das Einweihungsfest des nach der Renovation und Sanierung vergrösserten Tagesheim Rhy-Spatze.