Ember est un modèle de site web premium, prêt à être lancé, pour un restaurant moderne au feu de bois, un bistrot de saison ou un grill : le genre d'endroit qui gagne la table avant même l'arrivée du client. Un crème chaleureux, une encre couleur espresso et un unique accent terracotta lui donnent une ambiance de lumière de bougie et de magazine gastronomique qui fait de vos plats l'élément le plus marquant de la page.

Il est construit en HTML statique + Tailwind CSS. Pas de React, pas d'étape de compilation : le CSS compilé est fourni, il suffit d'ouvrir index.html et vous êtes en ligne sur n'importe quel hébergeur statique.

CONTENU (11 sections)

• Navigation fixe + menu mobile accessible

• Hero avec une photo de couverture d'assiette circulaire et une note manuscrite du chef

• Bandeau notre histoire / philosophie de la cuisine au feu

• Plats signatures (cartes photo avec prix en pointillés)

• Carte complète : catégories avec les pointillés de carte imprimée (nom ……… prix)

• Galerie éditoriale (mosaïque asymétrique, pas une grille uniforme)

• Rencontrez le chef, avec des statistiques animées à compteur

• Avis et presse avec notes en étoiles

• Un formulaire de réservation (honnête, sans dark patterns)

• Horaires et adresse (horaires présentés avec le même motif de pointillés) + un emplacement de carte en CSS

• Pied de page avec inscription à la newsletter

POURQUOI IL SE DISTINGUE

• Une vraie signature, pas un kit générique : les pointillés de la carte imprimée reviennent sur les plats, la carte et les horaires ; un hero avec assiette circulaire cadre la cuisine comme une couverture ; l'écriture manuscrite Caveat porte la voix du chef.

• Changez l'apparence depuis un seul endroit : chaque couleur et chaque police est un token ; modifiez le terracotta et tout le site suit.

• Polices auto-hébergées (Cormorant Garamond · Manrope · Caveat, woff2) : pas de CDN Google, pas de décalage de mise en page.

• Résistant aux images manquantes : chaque photo a une alternative chaleureuse en CSS, la page n'a donc jamais l'air cassée.

• Contraste WCAG AA, HTML sémantique, compatible clavier, respecte prefers-reduced-motion.

• Lighthouse : Performance 95 · Accessibilité 100 · Bonnes pratiques 100 · SEO 100.

• Pas de dark patterns : pas de faux comptes à rebours, pas de fausse rareté.

CE QUE VOUS OBTENEZ

index.html · Tailwind CSS compilé + source · quelques Ko de JS natif · polices auto-hébergées · favicon + image OG · 12 photos de démonstration · documentation · journal des modifications · notes de licence.

Démo en ligne (version Lite gratuite) : https://mcmxcixx.github.io/ember/