Ember es una plantilla web premium, lista para lanzar, para un restaurante moderno de cocina a la leña, un bistró de temporada o una parrillada: ese tipo de lugar que conquista la mesa antes de que llegue el comensal. El crema cálido, la tinta color espresso y un único acento terracota le dan un aire de luz de velas y revista gastronómica que hace que tus platos sean lo más llamativo de la página.

Está construida con HTML estático + Tailwind CSS. Sin React, sin proceso de compilación: el CSS compilado viene incluido, así que abres index.html y ya estás en línea en cualquier hosting estático.

QUÉ INCLUYE (11 secciones)

• Navegación fija + menú móvil accesible

• Hero con una foto de portada de plato circular y una nota manuscrita del chef

• Banda de nuestra historia / filosofía de la cocina de fuego

• Platos estrella (tarjetas con foto y precio con línea de puntos)

• Carta completa: categorías con las líneas de puntos de la carta impresa (nombre ……… precio)

• Galería editorial (mosaico asimétrico, no una cuadrícula uniforme)

• Conoce al chef con estadísticas animadas de cuenta ascendente

• Reseñas y prensa con valoraciones de estrellas

• Un formulario de reservas (honesto, sin patrones oscuros)

• Horarios y ubicación (horarios con el mismo motivo de líneas de puntos) + un marcador de mapa en CSS

• Pie de página con suscripción al boletín

POR QUÉ ES DIFERENTE

• Una firma propia de verdad, no un kit genérico: la línea de puntos de la carta impresa se repite en los platos, la carta y los horarios; un hero con plato circular enmarca la comida como una portada; la letra manuscrita Caveat transmite la voz del chef.

• Cambia el aspecto desde un solo lugar: cada color y cada fuente es un token; cambia el terracota y todo el sitio lo sigue.

• Fuentes alojadas en tu propio servidor (Cormorant Garamond · Manrope · Caveat, woff2): sin CDN de Google, sin saltos de diseño.

• Resistente a fallos de imagen: cada foto tiene una alternativa cálida en CSS, así que la página nunca se ve rota.

• Contraste WCAG AA, HTML semántico, apto para teclado, compatible con prefers-reduced-motion.

• Lighthouse: Rendimiento 95 · Accesibilidad 100 · Buenas prácticas 100 · SEO 100.

• Sin patrones oscuros: sin cuentas atrás falsas ni escasez falsa.

QUÉ RECIBES

index.html · Tailwind CSS compilado + código fuente · unos pocos KB de JS puro · fuentes autoalojadas · favicon + imagen OG · 12 fotos de demostración · documentación · registro de cambios · notas de licencia.

Demo en vivo (versión Lite gratuita): https://mcmxcixx.github.io/ember/