Ember — HTML-Vorlage für Wood-Fire Restaurant & Bistro (Tailwind)

Ember ist eine Premium, sofort startfähige Website-Vorlage für ein modernes Wood-Fire-Restaurant, ein saisonales Bistro oder einen Grill — eine Art Ort, der den Tisch gewinnt, bevor der Gast ankommt. Warme Creme, Espresso-Tinte und ein einziger Terracotta-Akzent verleihen der Seite eine kerzenlicht-artige Food-Magazin-Anmutung — und machen deine Gerichte zum lautesten Element auf der Seite.

Sie basiert auf statischem HTML + Tailwind CSS. Kein React, kein Build-Step — das kompilierte CSS wird mitgeliefert, sodass du einfach index.html öffnest und auf jedem statischen Host sofort live bist.

WAS ENTHALTEN IST (11 Sektionen)

• Sticky Nav + mobiles, zugängliches Menü

• Hero mit einem runden „plated“-Cover-Foto und einer handschriftlichen Notiz des Chefs

• Unsere-Story / Fire-Kitchen-Philosophie-Band

• Signature Dishes (Fotokarten mit gepunktetem Leader für den Preis)

• Vollständiges Menü — Kategorien mit gedruckten Menü-Leadern (Name ……… Preis)

• Editorial-Galerie (asymmetrisches Mosaik, kein einheitliches Grid)

• Meet-the-chef mit animierten Count-up-Stats

• Bewertungen & Presse mit Sternbewertungen

• Ein Reservierungsformular (ehrlich — keine Dark Patterns)

• Öffnungszeiten & Standort (Öffnungszeiten mit demselben Leader-Motiv) + ein CSS-Map-Platzhalter

• Footer mit Newsletter-Anmeldung

WARUM ES ANDERS IST

• Eine echte Signature, kein Stock-Kit — der gedruckte Menü-Guide mit gepunktetem Leader taucht in den Gerichten, im Menü und bei den Öffnungszeiten wieder auf; ein runder „plated“-Hero rahmt das Essen wie ein Cover ein; die handschriftliche Caveat-Schrift trägt die Stimme des Chefs.

• Re-skin von einem Ort aus — jede Farbe und jede Schrift ist ein Token; ändere Terracotta und die ganze Seite folgt.

• Self-hosted Fonts (Cormorant Garamond · Manrope · Caveat, woff2) — kein Google CDN, kein Layout-Shift.

• Bildrobust — jedes Foto hat einen warmen CSS-Fallback, sodass die Seite nie „kaputt“ aussieht.

• WCAG AA Kontrast, semantisches HTML, keyboard-freundlich, kennt prefers-reduced-motion.

• Lighthouse: Performance 95 · Accessibility 100 · Best-Practices 100 · SEO 100.

• Keine Dark Patterns — keine Fake-Countdowns, keine Fake-Knappheit.

DAS BEKOMMST DU

index.html · kompiliertes + Source Tailwind CSS · ein paar KB Vanilla-JS · self-hosted fonts · favicon + OG image · 12 Demo-Fotos · Dokumentation · Changelog · Lizenzhinweise.

Live-Demo (kostenlose Lite-Version): https://mcmxcixx.github.io/ember/