NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Aventuria Outdoor, tienda online de equipamiento y experiencias de aventura. Usa solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla para interacciones simples (menú desplegable, carrito modal, carrusel de testimonios). Mantén la siguiente paleta de colores: #1A2634 (azul marino), #3A7CA5 (azul claro), #F5F5F5 (gris muy claro), #FFFFFF (blanco), #E63946 (rojo accent). Tipografía: headings con "Montserrat" (weight 700), cuerpo con "Inter" (weight 400).
Estructura requerida:
- Header fijo con logo (texto Aventuria), menú principal con items: Home, Actividades, Productos, Eventos, Blog, Contacto y un icono de carrito que muestra contador. Menús desplegables deben abrirse al hover.
- Hero full‑width con fondo degradado
3.859 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.859 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, menú desplegable y carrito
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Sección de categorías de actividades en tarjetas
- 1.4 Galería de productos destacados en grid
- 1.5 Testimonios con carrusel sencillo
- 1.6 Newsletter subscription
- 1.7 Footer con enlaces, redes y suscripción
ACTIVIDADES
- 1.1 Header (reutilizable)
- 1.2 Listado de actividades en tarjetas con filtro
- 1.3 CTA a detalle de actividad
- 1.4 Footer
PRODUCTOS
- 1.1 Header
- 1.2 Grid de productos con imagen, nombre, precio y botón "Añadir"
- 1.3 Paginación
- 1.4 Footer
EVENTOS
- 1.1 Header
- 1.2 Lista de eventos con fecha, imagen y descripción breve
- 1.3 Enlace a detalle del evento
- 1.4 Footer
BLOG
- 1.1 Header
- 1.2 Tarjetas de artículos con imagen, título y excerpt
- 1.3 Sidebar con categorías y newsletter
- 1.4 Footer
CONTACTO
- 1.1 Header
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Footer
PROMPTS RELACIONADOS · E-COMMERCE
