03. Modules
The last part of this style guide handles some of the most-used modules inside Divi. Here, we're also providing you with a primary, secondary and tertiary version of each module which you can style and add as a global preset. Feel free to create more alternative designs for each module.
Primary
Secondary
Tertiary
Button
Button
Button
Blurb
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Sabine Hochkeppel
Sekretariat & Organisation
Frau Hochkeppel ist unsere erste Anlaufstelle und hilft Ihnen gerne bei allen organisatorischen Anliegen weiter
Individuelles Lernen
Jedes Kind folgt seinem eigenen inneren Bauplan. Wir begleiten diesen Weg ohne Notendruck, aber mit viel Vertrauen
Individuelles Lernen
Jedes Kind folgt seinem eigenen inneren Bauplan. Wir begleiten diesen Weg ohne Notendruck, aber mit viel Vertrauen
Individuelles Lernen
Jedes Kind folgt seinem eigenen inneren Bauplan. Wir begleiten diesen Weg ohne Notendruck, aber mit viel Vertrauen
Individuelles Lernen
Jedes Kind folgt seinem eigenen inneren Bauplan. Wir begleiten diesen Weg ohne Notendruck, aber mit viel Vertrauen.
Zukunftsorientiert
Wir kombinieren theoretisches Wissen mit praktischen Erlebnissen und modernen Werkzeugen
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings.
Blurb
all layered elements h/w 800x800, viewPort clipPath 0 0 800 800
Einschulung & Engelchen
Jedes neue Kind erhält einen Paten aus einer höheren Klasse unser "Engelchen". Das bietet Sicherheit vom ersten Tag an.
svgSVG image code
converted to clip-path css
SVG with stroke and no fill
svg with dimension 800x800px
preserveAspectRatio="xMidYMid meet" or "none"
preserveAspectRatio="xMidYMid meet" or "none"
preserveAspectRatio="xMidYMid meet" or "none"
preserveAspectRatio="xMidYMid meet" or "none"
square image with clip path
preserveAspectRatio="xMidYMid meet" or "none"
square image with clip path
fill="none"
stroke="#2a492b"
stroke-width="6"
stroke-dasharray="20 20"
stroke-linecap="round"
preserveAspectRatio="xMidYMid meet" or "none"
square image with clip path
fill="none"
stroke="#2a492b"
stroke-width="6"
stroke-dasharray="20 20"
stroke-linecap="round"
preserveAspectRatio="xMidYMid meet" or "none"
square image with clip path
fill="none"
stroke="#2a492b"
stroke-width="6"
stroke-dasharray="20 20"
stroke-linecap="round"
preserveAspectRatio="xMidYMid meet" or "none"
square image with clip path
fill="none"
stroke="#2a492b"
stroke-width="6"
stroke-dasharray="20 20"
stroke-linecap="round"
preserveAspectRatio="xMidYMid meet" or "none"
4:3 image with clip path
fill="none"
stroke="#2a492b"
stroke-width="6"
stroke-dasharray="20 20"
stroke-linecap="round"
1067x1600
1:1,51
1067.16000 - masked image
svg-file
css:
mask-image:url(https://www.reformschule-speyer.de/wp-content/uploads/2026/08/blob3-1067x1600-v.svg);
mask-size:cover; //contain/fill/cover
image with clip-path
fill="none"
stroke="#2a492b"
stroke-width="12"
stroke-dasharray="30 30"
stroke-linecap="round"
1120x850
1,31:1
1120x850 - masked image
svg-file
css:
mask-image:url(https://www.reformschule-speyer.de/wp-content/uploads/2026/08/blob1-1120x850-h.svg);
mask-size:cover; //contain/fill/cover
image with clip-path
fill="none"
stroke="#2a492b"
stroke-width="12"
stroke-dasharray="30 30"
stroke-linecap="round"
1920x1280
1,5:1
1920x1280 - masked image
svg-file
css:
mask-image:url(https://www.reformschule-speyer.de/wp-content/uploads/2026/08/blob1_1920x1280-h.svg);
mask-size:cover; //contain/fill
image with clip-path
fill="none"
stroke="#2a492b"
stroke-width="12"
stroke-dasharray="30 30"
stroke-linecap="round"
SVG shapes
link unterline full width
link unterline space for icon before link text
Ankommen
Gemeinsam in den Tag starten im Morgenkreis, den Tag planen und sich austauschen
1. Lernphase
Die Kinder arbeiten selbstständig an ihren Aufgaben und gestalten ihren Lernweg aktiv mit.
Frühstückspause
Gemeinsam essen, zuhören und in Geschichten eintauchen.
2. Lernphase
Wochenplanarbeit, Englisch, Musik, Ethik und weitere Lernangebote.
Bewegungspause
Zeit zum draußen Spielen, Toben und Durchatmen.
3. Lernphase
Wochenplanarbeit, Englisch, Musik, Ethik, Klassenrat und andere Projekte.
Mittagspause
Gemeinsam essen, im Hof spielen oder in der Bibliothek beim Lesen entspannen
Das frische Mittagessen wird täglich vom Speierling Hofladen geliefert.
Nachmittagsangebote
Sport, Musik, Schreibwerkstatt, Atelier, Werkstatt.
Schulschluss
Montag bis Donnerstag endet der Schultag um 15:30 Uhr am Freitag um 13:00 Uhr