NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Trattoria Luna, un restaurante italiano de estilo familiar. Usa sólo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe incluir las siguientes páginas: HOME, MENU, ABOUT, CONTACT.
---
**Paleta de colores** (hex):
- #2C1A1A (marrón oscuro, fondo principal)
- #D4A373 (ocre cálido, acentos y botones)
- #F5F5F5 (gris muy claro, fondos de secciones)
- #8B5E3C (cafe medio, texto destacado)
- #FFFFFF (blanco, texto principal)
**Tipografía**:
- Encabezados: "Playfair Display", serif, peso 700.
- Cuerpo y botones: "Montserrat", sans‑serif, peso 400.
**Header** (presente en todas las páginas): barra superior fija con logotipo a la izquierda (texto "Trattoria Luna" en Playfair, color #2C1A1A) y un botón hamburgu
5.330 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.330 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 Header con logotipo y botón de menú hamburguesa
- 1.2 Hero con texto de bienvenida, botones a menú y contacto y elemento visual asimétrico
- 1.3 Bloque "Sobre nosotros" con galería de imágenes en mosaico y texto descriptivo
- 1.4 Sección "Nuestra historia" con título, párrafo y botón a la página About
- 1.5 Bloque de navegación a anclas (Menú, Talleres, Locales, Reservar)
- 1.6 Área de menú destacada con introducción y lista de platos con título, precio y etiqueta
- 1.7 Footer con enlaces de navegación y redes sociales
MENÚ
- 2.1 Header reutilizable
- 2.2 Lista completa de platos organizados por categorías
- 2.3 Filtros de categoría y búsqueda
- 2.4 Footer reutilizable
ABOUT
- 3.1 Header reutilizable
- 3.2 Texto histórico y misión del restaurante
- 3.3 Galería de fotos del local y del equipo
- 3.4 Testimonios de clientes
- 3.5 Footer reutilizable
CONTACT
- 4.1 Header reutilizable
- 4.2 Formulario de contacto (nombre, email, mensaje)
- 4.3 Mapa embebido con ubicación
- 4.4 Información de teléfono y correo
- 4.5 Footer reutilizable
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
