NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Alma Panadera** (panadería‑café artesanal) usando **HTML estático en un solo archivo**, **Tailwind CSS vía CDN** y **JavaScript vanilla** para interacciones simples (menú móvil, animaciones de aparición). No incluir ninguna referencia al sitio original.
---
**ALCANCE**
- Página principal (home) con las siguientes secciones numeradas y respetando el orden visual del sitio analizado.
- Páginas adicionales: About, Menu, Reservation, Contact (estructura de navegación y footer comunes).
- Todos los textos deben ser originales en español de España, sin copiar frases del original.
- Usar una paleta de colores basada en los tonos observados:
- #3A2A2A (marrón oscuro, para textos y botones)
- #D9C9B6 (beige claro, fondos suaves)
- #F5E6D
5.311 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.311 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 logo, navegación principal y botón de menú móvil
- 1.2 Hero con título, botón principal y collage de imágenes decorativas
- 1.3 Sección "Sobre nosotros" con subtítulo, párrafo descriptivo y collage de imágenes pequeñas
- 1.4 Imagen destacada grande con efecto de entrada
- 1.5 Llamada a acción "Más sobre nosotros" con botón estilizado
- 1.6 Footer con dirección, redes sociales y enlaces legales
ABOUT
- 1.1 Header idéntico al home
- 1.2 Bloque de introducción con foto de portada y texto largo
- 1.3 Historias del equipo en tarjetas
- 1.4 Footer común
MENU
- 1.1 Header idéntico
- 1.2 Grid de platos con imágenes, nombre y breve descripción
- 1.3 Sección de bebidas destacadas
- 1.4 Footer
RESERVATION
- 1.1 Header idéntico
- 1.2 Formulario de reserva con campos: nombre, email, fecha, hora, personas
- 1.3 Mapa incrustado
- 1.4 Footer
CONTACT
- 1.1 Header idéntico
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Información de contacto y horario
- 1.4 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA