NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Sabores Luna** (restaurante de alta cocina). Usa **HTML** y **Tailwind CSS vía CDN** en un solo archivo, y **JavaScript vanilla** para los efectos de interacción (menú hamburguesa, botón giratorio, carrusel de hero y scroll suave). Mantén la siguiente **paleta de colores**: #0A0A0A (negro profundo), #F5F5F5 (blanco humo), #D4A373 (dorado cálido), #B22222 (rojo vino), #FFFFFF (blanco puro). Utiliza la tipografía **"Playfair Display"** para títulos y **"Inter"** para texto corriente, cargadas desde Google Fonts.
### Estructura global
- **Header (navbar)**: posición fija, fondo negro semi‑transparente, logo a la izquierda (SVG ficticio), botón hamburguesa que abre un overlay a pantalla completa con enlaces de navegación y efecto de fade‑i
4.875 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.875 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Navbar fijo con logo, menú hamburguesa y botón 'Reservar mesa'
- 1.2 Hero: título destacado, botón giratorio con efecto spin, carrusel de 7 imágenes
- 1.3 Sección de menú: subtítulo "Nuestro menú", título "Nuestras creaciones signature", grid de tarjetas con número de plato, imagen, título y descripción breve
- 1.4 Footer: columnas de enlaces (Inicio, Sobre nosotros, Menú, Blog, Chef), contacto (dirección, teléfono, email) y iconos de redes sociales
ABOUT US
- 2.1 Banner con imagen de fondo y texto introductivo
- 2.2 Historia del restaurante en bloque de texto con foto del chef
- 2.3 Valores y filosofía en tarjetas con iconos
MENU
- 3.1 Lista de categorías de platos (Entrantes, Principales, Postres)
- 3.2 Grid de tarjetas de platos con número, imagen, nombre y descripción
BLOG
- 4.1 Grid de artículos con miniatura, categoría y excerpt
- 4.2 Paginación inferior
CHEF
- 5.1 Perfil del chef con foto grande, biografía y redes sociales
BOOK A TABLE
- 6.1 Formulario de reserva con campos de fecha, hora, número de comensales y comentarios
- 6.2 Mapa interactivo de ubicación
UTILITY PAGES
- 7.1 Style Guide y Changelog con tipografía y colores
- 7.2 Páginas de error 404 y 401 con ilustraciones
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
