Klassische Konzepte
Ruhig, zeitlos, auf Lesbarkeit und Dichte gebaut.
01
Swiss / International Style
Strenges Raster, Helvetica-Linie und Grossraum statt Farbe fuehren durch sechs klickbare Ansichten.
57 KB · klickbar · ohne Netz
04
Material 3 Expressive
Ruhige Tonflächen statt Schatten, grosszügige Rundungen, klare Bernstein-/Salbei-Farbrollen für Früh- und Spätschicht.
50 KB · klickbar · ohne Netz
06
Editorial / Magazin
Serifen-Headlines, Initialen und Marginalien tragen die Hierarchie statt Farbflächen und Buttons.
54 KB · klickbar · ohne Netz
10
Minimal-Mono
Eine Signalfarbe plus Graustufen, Unterscheidung über Linie, Form und Abstand statt Farbe.
55 KB · klickbar · ohne Netz
14
Flat 2.0
Flache Flächen, sparsame 1-2px-Schatten, geometrische Icon-Sprite, ruhige begrenzte Blau-Orange-Grün-Palette.
55 KB · klickbar · ohne Netz
16
Hochdichte Datenansicht
Kompakte Tabellen- und Chip-Zeilen mit Tagesnavigation, Befehlspalette per Strg+K statt Klick-Umwegen.
53 KB · klickbar · ohne Netz
18
Farbkodierte Ebenen
Personen und Schichtarten tragen feste Farben, die Zuordnung geschieht wie im Stundenplan über Farbe statt Text.
54 KB · klickbar · ohne Netz
20
Zeitstrahl-Klassik
Stundengenauer Gantt-Zeitstrahl mit Mitarbeiter-Zeilen, der Überlappungen und unbesetzte Schichten sofort sichtbar macht.
58 KB · klickbar · ohne Netz
Fancy Konzepte mit neuester Web-Technik
Sichtbar modern: View-Transitions, Container-Queries, Glas, Verlauf, Leuchten.
02
Neo-Brutalism
Dicke schwarze Rahmen, Vollton-Farben und harte Versatz-Schatten statt Verläufen – laut, kantig, eindeutig.
47 KB · klickbar · ohne Netz
03
Glassmorphism
Schwebende, lichtdurchlässige Glasflächen über warmem Café-Farbverlauf, mit weichem Glanz und Tiefe.
60 KB · klickbar · ohne Netz
05
Dark-First Glow
Dunkle Grundflaeche mit leuchtenden Akzentfarben pro Schichttyp, View-Transitions und Glas-Dialogen im Bottom-Sheet-Stil.
58 KB · klickbar · ohne Netz
07
Bento-Grid
Warme Bento-Kacheln mit View-Transitions, :has()-Radiokarten und Container-Queries für Dienstplan und Verfügbarkeit.
52 KB · klickbar · ohne Netz
08
Claymorphism
Weiche Knetguss-Optik mit doppelten Schatten, View-Transitions und :has()-gesteuerten Zustaenden statt Bootstrap-Grau.
55 KB · klickbar · ohne Netz
09
Retro-Terminal
Phosphorgruenes Bedienterminal mit Zeichenrahmen, Scanlines und View-Transitions zwischen Chefin- und Mitarbeitersicht.
40 KB · klickbar · ohne Netz
11
Soft-UI / Neumorphism
Gepolsterte, ein- und ausgesenkte Flächen in einer Grundfarbe statt Linien und Kontrastfarben.
41 KB · klickbar · ohne Netz
12
Gradient-Mesh
Weiche mehrfarbige Verlaufsflächen hinter klaren weißen Karten, mit View-Transitions, :has() und Container-Queries.
51 KB · klickbar · ohne Netz
13
Aurora / Glow
Leuchtende Farbschleier auf dunklem Grund, Glasflächen und sanftes Kantenlicht für jede Schicht und Aktion.
56 KB · klickbar · ohne Netz
15
Skeuomorph-modern
Dienstplan als echter Wandplan: Korkbrett, Karteikarten, Reißzwecken und Nähte statt flacher UI.
54 KB · klickbar · ohne Netz
17
Große Typografie
Riesige Uhrzeiten und Namen tragen jede Ansicht, Flächen bleiben nur Träger, warmes Papier-Schwarz statt Bootstrap-Grau.
48 KB · klickbar · ohne Netz
19
Kartenstapel / Swipe
Mitarbeiter tragen ihre Wunsch-Verfügbarkeit per Wisch-Kartenstapel ein, Chefin plant im Wochenraster mit Glas-Topbar und Farbvorlagen.
49 KB · klickbar · ohne Netz