NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con HTML+Tailwind CDN y JavaScript vanilla, inspirado en la estructura y estilo visual del sitio analizado, pero usando la marca ficticia SabroSenda. Utiliza la siguiente paleta de colores:
- Primary: #C41E3A (rojo burguer)
- Secondary: #FFB800 (amarillo mostaza)
- Background: #FAF5F0 (crema suave)
- Texto claro: #FFFFFF
- Texto oscuro: #111111
Tipografía: headings con 'Poppins', peso 700, cuerpo con 'Roboto', peso 400. Implementa un header sticky con barra superior que muestra "¡Viernes más sabroso! 30% de descuento en todo" y un botón "Contacto" a la derecha. El menú de navegación incluye: Inicio, Menú, Sobre nosotros, Reseñas, Blog y un botón destacado "Contacto". Añade un ícono hamburguesa para móvil que abre un overlay con los enlaces.
Sección Hero: co
4.303 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.303 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 superior con anuncio promocional
- 1.2 Menú de navegación principal (logo, links, botón Contacto)
- 1.3 Hero: imagen central, título marquee, botón "Explorar menú"
- 1.4 Fondo hero con textos en movimiento (marquee doble)
- 1.5 Bloque "Sobre nosotros": grid imagen + texto, botón "Sobre nosotros"
- 1.6 Marquee decorativo repetitivo bajo la sección "Sobre nosotros"
- 1.7 Footer minimalista con enlaces de redes y datos de contacto
MENU
- 2.1 Encabezado con título de la página y lista de platos en cuadrícula
- 2.2 Filtros de categorías y tarjetas de producto con precio ficticio
- 2.3 Botón de reserva o pedido rápido
ABOUT
- 3.1 Imagen amplia del interior del local
- 3.2 Texto descriptivo con historia del restaurante
- 3.3 Galería de fotos estilo carrusel
- 3.4 Equipo destacado con tarjetas
REVIEWS
- 4.1 Testimonios en formato carrusel
- 4.2 Valoraciones en estrellas
- 4.3 Formulario de envío de reseña
BLOG
- 5.1 Lista de artículos con imágenes y extractos
- 5.2 Barra lateral con categorías y newsletter
CONTACT
- 6.1 Formulario de contacto (nombre, email, mensaje)
- 6.2 Mapa incrustado con ubicación
- 6.3 Información de horario y redes sociales
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
