NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Trattoria Bella" (dominio trattoriabella.com), un restaurante italiano de cocina casera. Usa HTML5 y Tailwind CSS vía CDN, y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado sin copiar contenido literal.
**Paleta de colores**: #1F2D3A (azul marino), #D4A373 (dorado suave), #FFFFFF (blanco), #F5F5F5 (gris claro), #C0392B (rojo vino para acentos).
**Tipografía**: Heading – "Merriweather", serif; Body – "Open Sans", sans‑serif.
**Header**
- Barra lateral oculta a la izquierda que se despliega con un botón "MENU" (hamburguesa). Contiene enlaces a Home, Menú, Sobre Nosotros, Contacto y enlaces a Instagram, WhatsApp y Twitter.
- Header superior fijo con logotipo centrado (imagen ficticia)
5.491 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.491 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 Barra lateral oculta con menú de navegación y enlaces sociales
- 1.2 Encabezado con logotipo centrado
- 1.3 Hero principal con título, subtítulo, botones y imagen decorativa
- 1.4 Sección "Sobre nosotros" con collage de imágenes y texto descriptivo
- 1.5 Bloque informativo con foto de la fundadora y texto de la historia
- 1.6 Área de llamado a la acción múltiple (Menú, Talleres, Localizaciones, Reserva)
- 1.7 Destacado del menú con lista de platos y precios
MENU
- 2.1 Encabezado de página con título "Menú"
- 2.2 Intro con texto breve y botón a ver menú completo
- 2.3 Lista de platos con nombre, precio y breve descripción
- 2.4 Footer con datos de contacto y redes sociales
ABOUT
- 3.1 Encabezado de página con título "Nuestra Historia"
- 3.2 Texto descriptivo y fotos de la familia fundadora
- 3.3 Botón a reserva
CONTACT
- 4.1 Formulario de contacto básico (nombre, email, mensaje)
- 4.2 Información de ubicación y teléfonos
- 4.3 Mapa incrustado
FOOTER
- 5.1 Logotipo pequeño
- 5.2 Enlaces de navegación secundarios
- 5.3 Íconos de redes sociales
- 5.4 Copyright y aviso legal
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
