Media Pentagon Symbol
Designbeispiele & UI-System
Styleguide · Komponenten · Panels · Vorlagen
Übersicht
Frontend & Backend Komponenten

Alle Bausteine sind so angelegt, dass du sie direkt in deine Media-Pentagon-, Reseller- oder Admin-Seiten übernehmen kannst – immer im selben Look & Feel.

Frontend-UI · Admin-UI · Snippets
Frontend
Buttons, Badges & Meldungen

Basis-Komponenten für Aktionen, Hervorhebungen und System-Meldungen.

Buttons (Live-Demo)
Badges / Tags
Media Pentagon Premium Draft Hammer-Projekt
Meldungen
ℹ️
Hinweis
Dieses Layout ist der Standard für Info-Meldungen im Media-Pentagon-Frontend.
✅
Erfolg
Aktionen wie Speichern oder Senden werden mit einem grünen Hinweis bestätigt.
⚠️
Achtung
Warnungen oder wichtige Hinweise, z.B. fehlende Eingaben oder ablaufende Fristen.
Frontend
Hero & Karten

Typische Startseiten-Kombination aus Hero-Block und Feature-/Projekt-Karten.

Media Pentagon · Projekte

Projekte, Produkte & Reseller – klar strukturiert.

Nutze das Media Pentagon, um dein komplettes digitales Ökosystem in fünf nachvollziehbare Bereiche aufzuteilen.

Projekt · Fan-Shop Integration
Kombination aus Shop, Content-Bereichen und Reseller-Zugang für eine Marke – perfekt für dein Hammer-Universum.
Web & Shop Phase: Konzept
Modul · Media Pentagon Panel
Wiederverwendbares Panel zur Darstellung von Projekten, Produkten oder Designbeispielen – dark & light.
Komponente Version: V1.0
Reseller-Umsatz · Monat
3.480 €
+14 % im Vergleich zum Vormonat
Backend
Admin-Liste & Filter

Layout-Vorlage für Admin-Liste – ideal für Reseller, Projekte, Module, Umsätze usw.

Listen · Tabellen · Status
Filter:
ID Titel Typ Status Zuletzt geändert
#101 Media Pentagon Startseite Projekt aktiv 08.12.2025
#102 Designbeispiele Galerie Modul in Planung 08.12.2025
#103 Reseller Landingpage Projekt aktiv 06.12.2025
#104 Umsatz-Panel Filialen Modul archiviert 11.11.2025
4 Einträge · Seite 1 von 1
Backend
Admin-Formular

Standard-Formular-Layout für Projekte, Module, Reseller, Einstellungen usw.

Dieser Formularblock kann mehrfach verwendet werden – einmal für Projekte, einmal für Produkte, einmal für Reseller usw. Das Layout bleibt gleich, nur die Labels und Auswahlfelder werden angepasst.

Best Practice
Formulare möglichst auf eine Spalte begrenzen, damit sie auch auf Tablets und Smartphones gut bedienbar bleiben. Komplexe Fälle lieber auf mehrere Reiter/Tabs verteilen.
Admin-Guideline Formulare V1