Template-Pack · Mai 2026

Sturm und Gewitterjagd Tirol

Statische HTML-Vorlagen für die TWIG/Symfony-Implementierung. Drei Bereiche, ein durchgängiges Designsystem: öffentliches Frontend, eingeloggter Kunden-Bereich und das Admin-Backend.

Bricolage Grotesque + Geist Paper · Storm · Lime Mobile-ready
Paper #F2EDE3
Storm #0F2235
Lime Akzent #B6FF3A
Sun #FFC93A
Warn-Ampel 5 Stufen
M3 Material 3 Refactor — Referenz-Templates

Drei mobile/desktop Muster-Templates: Frontend, Kunde, Admin. Token-System (--md-sys-*), Light/Dark/Auto.

M3 ansehen →
📱 Mobile-Vorschau (alt)

Bisherige Frontend- und Kunden-Templates im Phone-Frame.

Öffnen →
F

Frontend · öffentlich

8 Seiten
F.01

Startseite

Hero mit Markus, Feature-Block, Blog-Teaser, Paket-CTA.

→
F.02

Pakete & Preise

Vier Tiers mit Feature-Vergleichstabelle.

→
F.03

Blog Übersicht

Liste aller Wetter- und Gewitterjagd-Berichte.

→
F.04

Blog Detail

Einzelner Artikel mit Bildern und Wetterdaten.

→
F.05

Login

Anmeldung + Passwort vergessen.

→
F.06

Registrierung

Account anlegen + Paketwahl.

→
F.07

Impressum

Rechtliche Angaben.

→
F.08

Datenschutz

Datenschutzerklärung.

→
K

Kunden-Bereich · eingeloggt

5 Seiten
K.01

Wetterübersicht

Aktuelle Daten, 7-Tage-Trend, Standortwechsel.

→
K.02

Wetterkarten

Niederschlag-, Wind- und Temperaturkarten.

→
K.03

Warnungen

Ampelsystem für die eigenen Standorte.

→
K.04

Profil

Account-Einstellungen, Passwort, Benachrichtigungen.

→
K.05

Abo verwalten

Paketwechsel, Rechnungen, Kündigung.

→
A

Admin-Backend

11 Seiten
A.01

Dashboard

KPIs: Abos, Umsatz, aktive Nutzer, aktuelle Warnungen.

→
A.02

Nutzerverwaltung

Liste, Suche, Filter, sperren/löschen.

→
A.03

Nutzer-Detail

Profil, Standorte, Abo-Historie, Aktionen.

→
A.04

Abos & Stripe

Aktive Abos, Kündigungen, Failed Payments.

→
A.05

Blog-Editor

Artikel anlegen, bearbeiten, veröffentlichen.

→
A.06

Wetterberichte

KI-Texte prüfen und freigeben.

→
A.07

Warnungen erstellen

Ampelsystem-Editor + Push-Versand.

→
A.08

Webcams

Streams hinzufügen, sortieren, deaktivieren.

→
A.09

Standorte

Wetterorte als Stammdaten verwalten.

→
A.10

Einstellungen

Site-Texte, Logo, SMTP, API-Keys.

→
A.11

Statistiken

MRR-Chart, Conversion, Top-Standorte, Warnungen.

→

Hinweis: Wetterdaten in den Templates sind Beispieldaten. Die Strukturen folgen den Originalseiten, sind aber neu im Layout, in der Typografie und in der Farbführung.