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
Turngruppe
d'Rhy-Spatze göhnd go TurneJeden Donnerstag während der Schulzeit können wir eine Turnhallte in der näheren Umgebung von 9.15 bis 10.30 Uhr für einen Bewegungsmorgen benutzen. Somit ist es uns möglich, allen Kindern, welche am Donnerstag im Tagi...
Der Wald ruft!
Wir gehen in den Wald ... ... und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir mit den Kindern einen Morgen im Wald und entdecken dabei die vielen Facetten unserer grünen Umgebung. Die Eltern der Kinder, welche beim Waldprojekt dabei...
Frei- und Ferientage 2023
Hier finden Sie alle Frei- und Ferientage für das Jahr 2022.
Wettsteinmarkt
Der Wettsteinmarkt bietet im Oberen Kleinbasel wöchentlich frische, saisonale und regionale Produkte an. Als Feierabendmarkt ermöglicht er berufstätigen Personen auf dem Markt einzukaufen. Er ist ein lebendiger Treffpunkt für das Quartier. Der...
Laternenumzug im Wettsteinquartier
"Ich geh mit meiner Laterne ..."Dieses Jahr schliessen wir uns dem Quartierverein Wettstein für den "Latärnenumzug" am Freitag 11. November 2022 um 17.45 Uhr an. Wir laden alle Kinder des Tagesheims Rhy-Spatze ein, daran teil zu nehmen. Der...
Waldprojekt
Wir gehen in den Wald ...... und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir mit den Kindern einen Morgen im Wald und entdecken dabei die vielen Facetten unserer grünen Umgebung. Die Eltern der Kinder, welche beim Waldprojekt dabei...
Neues Tagesbetreuungsgesetz 2022
Neues Tagesbetreuungs-Gesetz für KITA's in Basel-StadtLiebe Eltern 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. Ebenso werden Kantonsbeiträge...
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.
Turngruppe
d'Rhy-Spatze göhnd go TurneJeden Donnerstag während der Schulzeit können wir eine Turnhallte in der näheren Umgebung von 9.15 bis 10.30 Uhr für einen Bewegungsmorgen benutzen. Somit ist es uns möglich, allen Kindern, welche am Donnerstag im Tagi sind, einen...
Der Wald ruft!
Wir gehen in den Wald ... ... und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir mit den Kindern einen Morgen im Wald und entdecken dabei die vielen Facetten unserer grünen Umgebung. Die Eltern der Kinder, welche beim Waldprojekt dabei sind, werden...
Frei- und Ferientage 2023
Hier finden Sie alle Frei- und Ferientage für das Jahr 2022.
Wettsteinmarkt
Der Wettsteinmarkt bietet im Oberen Kleinbasel wöchentlich frische, saisonale und regionale Produkte an. Als Feierabendmarkt ermöglicht er berufstätigen Personen auf dem Markt einzukaufen. Er ist ein lebendiger Treffpunkt für das Quartier. Der Wettsteinmarkt ist ein...
Laternenumzug im Wettsteinquartier
"Ich geh mit meiner Laterne ..."Dieses Jahr schliessen wir uns dem Quartierverein Wettstein für den "Latärnenumzug" am Freitag 11. November 2022 um 17.45 Uhr an. Wir laden alle Kinder des Tagesheims Rhy-Spatze ein, daran teil zu nehmen. Der Treffpunkt für die Kinder...
Waldprojekt
Wir gehen in den Wald ...... und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir mit den Kindern einen Morgen im Wald und entdecken dabei die vielen Facetten unserer grünen Umgebung. Die Eltern der Kinder, welche beim Waldprojekt dabei sind, werden separat...
Neues Tagesbetreuungsgesetz 2022
Neues Tagesbetreuungs-Gesetz für KITA's in Basel-StadtLiebe Eltern 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. Ebenso werden Kantonsbeiträge vereinheitlicht. Da...
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.
Turngruppe
d'Rhy-Spatze göhnd go TurneJeden Donnerstag während der Schulzeit können wir eine Turnhallte in der näheren Umgebung von 9.15 bis 10.30 Uhr für einen Bewegungsmorgen benutzen. Somit ist es uns möglich, allen Kindern, welche am Donnerstag im Tagi sind, einen...
Der Wald ruft!
Wir gehen in den Wald ... ... und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir mit den Kindern einen Morgen im Wald und entdecken dabei die vielen Facetten unserer grünen Umgebung. Die Eltern der Kinder, welche beim Waldprojekt dabei sind, werden...
Frei- und Ferientage 2023
Hier finden Sie alle Frei- und Ferientage für das Jahr 2022.
Wettsteinmarkt
Der Wettsteinmarkt bietet im Oberen Kleinbasel wöchentlich frische, saisonale und regionale Produkte an. Als Feierabendmarkt ermöglicht er berufstätigen Personen auf dem Markt einzukaufen. Er ist ein lebendiger Treffpunkt für das Quartier. Der Wettsteinmarkt ist ein...
Laternenumzug im Wettsteinquartier
"Ich geh mit meiner Laterne ..."Dieses Jahr schliessen wir uns dem Quartierverein Wettstein für den "Latärnenumzug" am Freitag 11. November 2022 um 17.45 Uhr an. Wir laden alle Kinder des Tagesheims Rhy-Spatze ein, daran teil zu nehmen. Der Treffpunkt für die Kinder...
Waldprojekt
Wir gehen in den Wald ...... und entdecken die Vielfalt unserer Natur. Gemeinsam erleben wir mit den Kindern einen Morgen im Wald und entdecken dabei die vielen Facetten unserer grünen Umgebung. Die Eltern der Kinder, welche beim Waldprojekt dabei sind, werden separat...
Neues Tagesbetreuungsgesetz 2022
Neues Tagesbetreuungs-Gesetz für KITA's in Basel-StadtLiebe Eltern 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. Ebenso werden Kantonsbeiträge vereinheitlicht. Da...
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.