Haltung
- Offen, zugewandt und lebensnah
- Eigenständig statt institutionell-kühl
- Handgemacht, ohne verspielt zu werden
Brandboard-basiertes Konzept · Style Guide
Lebendig. Klar.
Menschlich.
Ein digitales Gestaltungssystem, das die offiziellen Markenbausteine des Waldorf Campus Pannonia in eine warme, zeitgemäße und flexibel einsetzbare Websprache übersetzt.
01 · Essenz
Markenidee
Der Auftritt verbindet die Klarheit von Poppins mit lebendiger Handschrift, kräftigen Farbakzenten und organisch geschichteten Polygonen. So entsteht ein eigenständiger Ausdruck zwischen Verlässlichkeit, Kreativität und Entwicklung.
Digitaler Ausdruck
- Großzügige Flächen und klare Hierarchien
- Asymmetrie als Zeichen von Bewegung
- Farbe gezielt für Orientierung und Energie
02 · Farben
Offizielle Basis
Diese sechs Werte stammen direkt aus dem Brandboard. Sie bleiben die verbindliche Quelle; die vier Webpaletten entwickeln daraus unterschiedliche Stimmungen und ergänzen bei den zwei frischeren Varianten jeweils einen kontrastreichen Digitalton.
Orange#D08828
Gold#E6C463
Pale Blue#BCC1C5
Taupe#967D77
Schwarz#000000
Weiß#FFFFFF
Vier Arbeits-Paletten
03 · Typografie
Zwei Modi
Poppins bleibt in beiden Varianten die gut lesbare Basis für Navigation, Fließtext und funktionale Elemente. Caveat bringt als Display-Handschrift die menschliche Geste des Logo-Schriftzugs in große Überschriften – charaktervoll, frei verfügbar und auch in kräftigen Schnitten stabil lesbar.
Wachsen
64–122 px · 0,98Entdecken
48–82 px · 0,98Begreifen
27–36 px · 1,0Lernen durch Erfahrung, Beziehung und eigenes Tun.
15–18 px · 1,6504 · Formensprache
Schichten & Bewegung
Unregelmäßige, überlagerte Vielecke greifen die Low-Poly-Formen des Brandboards auf. Weiche, halbtransparente Farbflächen zitieren Aquarell, ohne Lesbarkeit und Struktur zu überdecken.
Gestaltungsprinzip
Geometrie gibt Halt.
Aquarell gibt Wärme.
Konturen sparsam einsetzen. Farbflächen dürfen sich überlagern, Texte liegen jedoch immer auf ruhigen, kontrastreichen Flächen.
05 · Komponenten
Digitales Vokabular
Klare Kanten und zurückhaltende Interaktion halten den Auftritt hochwertig. Polygonformen kennzeichnen emotionale Bildflächen; funktionale Elemente bleiben bewusst einfach.
Sechsecke als Aufzählungszeichen
Die kleine Facette greift die Geometrie der Hauptbilder auf. Sie kennzeichnet gleichwertige Punkte; Abläufe behalten ihre Nummern.
- 9 × 8 px im Lesetext, 12 × 11 px als Leitbildmarker
- An der ersten Textzeile ausrichten; Folgezeilen bündig zum Text
- Textfarbe auf hellen Flächen, Gold auf dunklen Leitbildflächen
Buttons & Karte
Kindergarten
Die Welt entdecken
Bild, Titel, kurzer Text und ein eindeutiger nächster Schritt.
Mehr erfahren →Auf dunklem Grund
Kontrast
Immer gut lesbar
Dunkle Flächen nutzen Weiß für Text und Gold als fokussierten Akzent.
Mehr erfahren →06 · Rhythmus
Abstände & Radien
Ein 8-Pixel-Grundraster strukturiert Komponenten. Klassische Karten bleiben nahezu eckig; emotionale Bildflächen erhalten ihre Eigenständigkeit durch polygonale Ausschnitte statt beliebiger Rundungen.
8-Pixel-Raster
81624406496
Kantenprinzip
2 pxPolygon
07 · Anwendung
So bleibt es Waldorf
Die Identität entsteht aus dem Zusammenspiel der Elemente. Wirkung und Lesbarkeit gehen dabei immer vor Dekoration.
Empfohlen
- Offizielle Farben als wiederkehrende Anker nutzen
- Pro Abschnitt einen klaren visuellen Schwerpunkt setzen
- Handschrift vor allem für große, kurze Aussagen verwenden
- Auf Fotos ausreichend ruhige Kontrastflächen schaffen
Vermeiden
- Viele kräftige Farben gleichzeitig gleich stark einsetzen
- Handschrift für längere Fließtexte oder kleine UI-Texte nutzen
- Polygone als beliebige Dekoration über jeden Inhalt legen
- Kontrast zugunsten einer Aquarellwirkung reduzieren