Zum Inhalt
← Rezepte
Alle Rezepte

Kita, Schule, Bildungsträger: offen und verlässlich

Kita / Krippe und Kindergarten / Kita-Träger mit mehreren Häusern / Hort und Familienzentrum / freie Schule und Ganztag (auch Volkshochschule und Familienbildung als Variante)

Eltern suchen zuerst drei Dinge: Gibt es einen Platz, was kostet es, wie melde ich an. Deshalb steht direkt unter dem Hero der Aushang „Plätze frei ab“ je Haus, ehrlich auch mit Warteliste, und der Anmeldeweg (Kita-Portal der Kommune oder eigene Voranmeldung). Danach Häuser, Konzept in Alltagssprache, ein Tag bei uns mit Uhrzeiten, Eingewöhnung, Essen mit Allergenen, Beiträge nach Satzung, Team, Termine und Stellen. Fraunces weich für Überschriften, Literata als ruhige Lesestimme. Kreidepapier, Tafelgrün und Himmelblau, Mohnrot nur für „Platz anfragen“. Signatur: der Aushang. Speiseplan, Schließtage und Elternbriefe hängen als Bögen mit Klebeband im Druck zweier Farben auf Papier, genau wie am Brett im Flur. Kinderfotos nur mit Einwilligung, sonst Räume, Hände, Material. Abgrenzung: Musikschule und Nachhilfe bleiben Variante von kurs-coaching-lernweg.

Bauplan tokens.css Alle Techniken

Schrift

Offen und verlässlich

Eltern suchen zuerst drei Dinge: Gibt es einen Platz, was kostet es, wie melde ich an.

Headline
Fraunces
Text
Literata

Farbe

  • #F7F2E8
  • #1F2A2E
  • #DDE8EC
  • #24423A
  • #B23A1C
  • #F2C14E
  • #5A6164

Bewegung

cubic-bezier(0.16, 1, 0.3, 1)
Dauer
200 (Hover, Farbe), 300 (Reiter, Akkordeon, Dialog öffnen), 200 (schließen), 1000 (H1-Zeilen und Hero-Foto einmal), 700 (Seitenwechsel als Blatt über Blatt, zurück 500)

Aufbau der Seite

SignaturPapier- und Drucktextur

HeroFoto-Hero: echtes Foto, ein Satz, ein Weg · Kleiner Abzug auf Fläche

  1. Freie Plätze und Anmeldung (direkt unter dem Hero: je Haus und Altersgruppe „Plätze frei ab“ oder „Warteliste“ mit Stand-Datum; Anmeldeweg über das Kita-Portal der Kommune oder eigene Voranmeldung, Fristen, was danach passiert; als Aushang)Papier- und Drucktextur · Aushang am Schwarzen BrettStandortfinder als Liste · Nur Liste
  2. Unsere Häuser und Standorte (nur bei mehreren Häusern eines Trägers: je Haus eine Seite mit Betreuungszeiten, Altersgruppen, Plätzen, Schließtagen, Leitung, Anfahrt; bei einem Haus stehen diese Angaben bei Plätzen und Kontakt; Fotos nur mit Einwilligung)Standort-Detailseite · StudioKarte per 2-Klick (Anfahrt ohne vorab geladene Karte) · StandorteGanze Karte klickbar
  3. Pädagogisches Konzept (Schwerpunkte in Alltagssprache mit je einem Bild aus dem Alltag; Konzeption zusätzlich als barrierearmes PDF mit Stand)Split-Screen mit Sticky-Seite (eine Seite steht, andere scrollt) · Sticky-Medium
  4. Ein Tag bei uns (Uhrzeiten vom Bringen bis zum Abholen; Krippe und Kindergarten als Reiter, wenn sie sich unterscheiden)Prozess-/Timeline-Sektion mit wachsender Linie · Durchgehende LinieTabs und Segmente mit Pfeiltasten · Automatisch
  5. Eingewöhnung (Ablauf in Wochen, Rolle der Eltern, was mitbringen; ein Modell nur nennen, wenn das Haus es so lebt)Akkordeon mit Höhenanimation auf auto · FAQ Fahrschule
  6. Essen (Speiseplan der Woche als Aushang; Frühstück, Mittag, Vesper; Allergene und Zusatzstoffe je Gericht; wer kocht, Essensgeld)Speisekarte als Editorial · Bistro-Tafel
  7. Beiträge und Betreuungszeiten (Elternbeiträge nach Satzung der Kommune bzw. des Trägers mit Stand, Betreuungsumfänge, Essensgeld, Ermäßigungen; Rechner nur mit der echten Beitragstabelle)Preisseite: Endpreise, Rechenweg, Vergleich · Mitgliedschaft
  8. Team (Leitung und Fachkräfte mit Rolle und Gruppe; Fotos und Namen nur mit Einwilligung)Team-/Über-mich-Layout mit Porträt-Interaktion · Raster
  9. Termine und Elternbriefe (Schließtage und Feste als Aushang, Elternabende, Neuigkeiten mit Datum; Schließtage zusätzlich als seitenweite Leiste)News-Übersicht mit Kategorien und Jahr-Archiv · Weitere ladenArtikelseite mit Autorin, Stand und Strukturdaten · MeldungÖffnungszeiten mit Live-Status · Hinweisleiste
  10. Arbeiten bei uns (Erzieher:in, Kinderpfleger:in, praxisintegrierte Ausbildung, FSJ; Arbeitszeiten und Tarif ehrlich; jede Stelle mit eigener Seite)Stellenliste mit Kurzbewerbung · Viele StellenStellenseite mit Gehalt, Ablauf und JobPosting-Daten · Ausbildung
  11. Fragen von Eltern (Anmeldung, Kosten, Eingewöhnung, Krankheit, Schließtage, Essen; eigene Seite mit Suche ab etwa acht Fragen)FAQ-Seite mit Suche · Mit Suche
  12. Kontakt und Besichtigung (Anliegen wählen: Platz, Besichtigung, Bewerbung, Sonstiges; Bringen und Abholen als Skizze mit Eingang, Kinderwagen, Parken; keine Gesundheitsdaten des Kindes im Formular)Kontakt- und Anfrageformular als eigene Sektion · AnliegenFehlerzusammenfassung im Formular · Kompakt über dem KnopfKarte per 2-Klick (Anfahrt ohne vorab geladene Karte) · Lageskizze
  13. Erklärung zur Barrierefreiheit (eigene Seite; kommunale Träger sind öffentliche Stellen, dann gilt das Landesrecht zur Barrierefreiheit)Seite „Barrierefreiheit“ als Vorlage · Erklärung

Nicht verwenden

Regeln
  • Erster Bildschirm: Foto im Passepartout, H1 und der Aushang „Plätze frei ab“ je Altersgruppe oder „Warteliste“ mit Stand-Datum und dem Anmeldeweg. Mobil untere Leiste Anrufen / Platz anfragen.
  • Signatur (papier-druck-textur): höchstens drei Aushänge je Seite (Plätze, Speiseplan, Schließtage oder Elternbrief), Druck als echter Text, Klebeband nur Zier. Nie unter langem Fließtext, nie als Hintergrund. Bei reduzierter Bewegung und auf Touch ohne Streiflicht.
  • Plätze ehrlich: Warteliste und „derzeit keine Plätze“ sind gültige Antworten; nie „Kontaktieren Sie uns“ statt einer Antwort. Vergibt die Kommune über ein Portal, steht der Link dorthin vor jedem eigenen Formular.
  • Kinderfotos und Namen nur mit schriftlicher, zweckgebundener und widerrufbarer Einwilligung der Sorgeberechtigten; bei Widerruf oder Abgang entfernen. Ohne Einwilligung: Räume, Material, Hände, Aufnahmen von hinten. Kinderzeichnungen nur mit Einwilligung und ohne Namen.
  • Formulare ohne Gesundheitsdaten: Allergien, Diagnosen, Förderbedarf und Impfstatus erst im Aufnahmegespräch. Den Nachweis über den Masernschutz vor der Aufnahme (Infektionsschutzgesetz) nur als Hinweis im Anmeldeablauf nennen. Vom Kunden prüfen lassen.
  • Beiträge nach Satzung mit Stand-Datum und Link zur Satzung der Kommune bzw. Beitragsordnung des Trägers; Essensgeld getrennt. Keine Beispielbeträge ohne Quelle.
  • Speiseplan mit den 14 Hauptallergenen und Zusatzstoffen je Gericht; Hinweis, wer kocht oder liefert. Vom Kunden bzw. Caterer prüfen lassen.
  • Impressum mit Träger (Verein, Kirchengemeinde, gGmbH oder Kommune), Vertretungsberechtigten und Register; Betriebserlaubnis und Kinderschutzkonzept nur nennen, wenn vorhanden. Kommunale Träger sind öffentliche Stellen: Erklärung zur Barrierefreiheit nach Landesrecht (barrierefreiheit-seite, Variante erklaerung). Vom Kunden prüfen lassen.
  • Knöpfe: weiche Taste in Mohn (tiefen-taste-3d, Variante soft) nur für „Platz anfragen“; Nebenwege als ruhiger Textlink mit Pfeil (pfeil-icon-button, Variante linie). Alle Zustände nach button-zustaende.
Bild und Ton
  • Licht: Tageslicht in Räumen und Garten, warm, ohne Blitz.
  • Ausschnitt: Räume, Material, Hände beim Tun, Kinder von hinten oder angeschnitten; Team in der Halbtotale.
  • Personen: Team mit Einwilligung; Kinder nur mit schriftlicher Einwilligung der Sorgeberechtigten, sonst nicht erkennbar.
  • Formate: 4:5, 3:2, 1:1
  • Nicht: Keine Stockfotos mit lachenden Kindern, keine erkennbaren Kinder ohne Einwilligung, keine KI-Kinder.
  • Anrede: Sie
  • Sätze: Kurz, freundlich, konkret: was gilt, ab wann, was kostet es, was ist der nächste Schritt.
  • Haltung: Wie die Leitung beim Erstgespräch: offen, ehrlich bei Wartelisten, ohne Pädagogik-Jargon.
  • Tonproben: Krippe: Plätze frei ab März 2027. Kindergarten: Warteliste., Wir melden uns innerhalb von zwei Wochen, auch wenn wir keinen Platz haben.
  • Nicht schreiben: „Kinder sind unsere Zukunft“, „ganzheitliche Förderung“ ohne Inhalt, Verniedlichungen.
Hero, Raum und Form
  • Hero-Raster: Foto im Passepartout über Spalte 1 bis 8, H1 darüber oben links; Aushang über Spalte 9 bis 12, um 1,6° gedreht; mobil H1, Foto, Aushang untereinander.
  • Hero-Bild: Echtes Foto aus dem Haus (Raum, Garten, Hände), 4:5 mobil, 3:2 Desktop, im Passepartout auf Kreidepapier.
  • Überschrift: clamp(2.25rem, 1.3rem + 4vw, 4.25rem), Fraunces; Name des Hauses oder ein Satz zum Haus, kein Label darüber.
  • Handlung: „Platz anfragen“ (Mohn, weiche Taste) und Telefon als tel:-Link mit sichtbarer Nummer.
  • Zusatz: Aushang „Plätze frei ab“ je Altersgruppe mit Stand-Datum und Anmeldeweg; mobil untere Leiste Anrufen / Platz anfragen.
  • Sektionsabstand: clamp(72px, 9vw, 140px)
  • Dichte: luftig
  • Raum: Großzügig wie ein heller Flur: Aushänge mit 36 px Rand zueinander, Zeiten und Beiträge dicht, Konzept mit viel Raum.
  • Spalten: 12
  • Maximale Breite: 1200px
  • Raster: Hero: Foto im Passepartout über Spalte 1 bis 8, Aushang über Spalte 9 bis 12, leicht über die Bildkante gehängt. Konzept 5/7, Häuser als zweispaltige Karten, Aushänge nie mehr als zwei nebeneinander.
  • Radius klein: 10px
  • Radius groß: 22px
  • Schatten: nur am Aushang: drop-shadow 0 1px 1px und 0 18px 26px in Tafelgrün mit 12 bis 16 % Deckkraft
  • Form: Weich, aber nicht kindlich: Karten 22 px, Aushang eckig mit Klebeband, Knöpfe 10 px.
Vorbilder