Einen Tisch reservieren CSS-Vorlage

Helle Felder und abgerundete Kärtchen definieren das Gestaltungssystem

Das Reservierungsformular bestimmt den visuellen Hauptrhythmus der Seite durch eine zentrierte Überschrift, einen Einführungstext, hellgraue Eingabefelder und einen kontrastierenden blauen „Absenden“-Button. Diese Merkmale trennen den Interaktionsbereich von den ergänzenden Kontaktinformationen, ohne für jede Art von Inhalt ein eigenes Layout zu erfordern. Durch die vertikale Anordnung des Formulars erhalten Beschriftungen und Eingabefelder zudem konsistente Abstände – ein wichtiger Aspekt auf einer kompakten Kontaktseite, auf der die Reservierung die dominierende Interaktion darstellt.

Darunter wiederholen vier abgerundete Informationskärtchen dieselbe visuelle Gestaltung für „So finden Sie uns“, „Öffnungszeiten“, „Rufen Sie uns an“ und „E-Mail“. Ihre einheitliche Form und das zweizeilige Raster schaffen eine klare Gestaltungsregel: Zusammengehörige Restaurantdetails werden als gleichwertige Einheiten gruppiert, statt als unstrukturierter Textblock dargestellt zu werden. Die dunkle Fußzeile bildet einen prägnanten visuellen Abschluss, während das helle Formular und die Kärtchen den zentralen Inhaltsbereich optisch offen halten. Die Navigation am oberen Rand bleibt vergleichsweise dezent, sodass die blaue Hauptaktion und die abgerundeten Kärtchen den Hauptfokus tragen. Zusammen bilden diese wiederkehrenden Farben, Flächen, Abstände und Formen ein klares Gestaltungssystem, das angepasst werden kann, ohne die bestehenden Inhaltsfunktionen und deren Reihenfolge auf der Seite zu verändern.