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.