Zeitplan CSS-Vorlage

Korallenrote Kopfzeilen verleihen dem Kursplan einen klaren visuellen Rhythmus

Der weiße Hintergrund gibt der Plantabelle den nötigen Freiraum, während die korallenroten Datumskopfzeilen optische Zäsuren zwischen den beiden Datumsgruppen setzen. Dezent rote Kursbezeichnungen führen diesen Akzent innerhalb der Zeilen fort und verankern die Kursnamen in der Struktur des Plans, ohne die Spalten für Uhrzeit und Dauer zu überlagern. Die markante Überschrift oberhalb der Tabelle verdeutlicht den Zweck der Anmeldung, noch bevor Besucher die einzelnen Aktionen ansteuern.

Auch die zweispaltige Einleitung folgt einer durchdachten Gestaltung: Überschrift und Urheberzeile belegen die eine Seite, während die beiden App-Store-Badges durch eine feine vertikale Trennlinie daneben platziert sind. Durch diese Trennung bilden die Badges eine eigenständige visuelle Einheit, statt mit dem Kursplan zu konkurrieren. Abgerundete, umrahmte „Jetzt buchen“-Schaltflächen greifen diese dezentere Formensprache weiter unten auf, und die größere, abgerundete Mitgliedschafts-Schaltfläche setzt unterhalb der Tabelle einen abschließenden optischen Akzent.

Bei einer Umsetzung als CSS-Vorlage bilden diese wiederkehrenden Eigenschaften die zentralen Designbausteine: Kopfzeilenfarbe, Label-Farbe, Rahmenstil, Eckenradius, Strichstärke der Trennlinien, Ausrichtung und Abstände. Sie lassen sich flexibel anpassen, während Kurszeilen, Buchungsaktionen und die Auswahl der Mitgliedschaft intakt bleiben. So bleibt der Fokus auf der Anmeldung erhalten, während sich die visuelle Hierarchie nahtlos in das umgebende Fitness- oder Wellness-Design einfügt.