Sieben Prototypen mit den echten Inhalten der aktuellen Website. Jeder Klick auf der Startseite führt zur Inhaltsseite (Schule / Leitbild & Profil). Alles funktioniert am Desktop wie am Handy.
Klare, moderne Schulseite: Hero mit Botschaft, Termine als Karte, Featured-Story plus Kartenraster, Schnellzugriffe.
Hell · Grotesk · institutionellEditorialer Zeitungs-Look: Masthead, Leitartikel mit großem Bild, Meldungsliste in der Randspalte, Kalender und Leitbild als Kolumnen.
Papier · Serifen · redaktionellDunkles Schulportal mit Seitenleiste und Kachelraster: Webuntis, Webmail und Termine sofort erreichbar, News als Bildkacheln.
Dunkel · Kacheln · werkzeughaftDie bekannte Struktur (Logo + Banner, blaue Navigation, 2×2 News, grüner Fuß) behutsam modernisiert. Wiedererkennbar, aber frischer.
Vertraut · aufgeräumt · risikoarmSchweizer Typografie: strenges 12-Spalten-Raster, riesige Headline, nummerierte Navigation, News als Zeilenliste, Termine als Tabelle. Schwarz, Weiß, Blau.
Streng · typografisch · schwarzweißmpx start im Projekt hr-ex startet den Server auf Port 1460. Öffentlich über WireGuard: https://vm.mavu.io:41460. Die Inhaltsseiten werden mit bin/build-pages.sh aus public/shared/content-page.html und dem jeweiligen Kopf und Fuß der Startseite zusammengesetzt.