NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una tienda de artículos outdoor llamado Aventia Outdoor. Usa HTML + TailwindCSS CDN + JavaScript vanilla en un único archivo. Paleta de colores: #1A3D34 (verde bosque), #3E7A5E (verde medio), #F2F2F2 (gris claro), #FFFFFF (blanco), #E63946 (rojo acento). Tipografía: headings con "Playfair Display", body con "Inter" (Google Fonts).
Header: barra fija, fondo blanco, logo a la izquierda, menú central (Home, Sobre Nosotros, Tienda, Blog, Contacto) y botón de carrito a la derecha con contador. En móviles, colapsar a hamburguesa que muestra overlay vertical.
Home sections (en orden):
1. Hero: sección a pantalla completa con fondo de montaña y texto centrado: título grande, subtítulo y botón "Explorar".
2. Categorías: tres tarjetas en fila, cada una con ícono, nom
3.519 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.519 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, carrito y menú responsive
- 1.2 Hero con imagen de fondo y llamado a la acción
- 1.3 Sección de categorías destacadas en rejilla
- 1.4 Grid de productos destacados con botón "Ver producto"
- 1.5 Área de testimonios en carrusel
- 1.6 Blog recent posts en tarjetas
- 1.7 Newsletter signup con campo de email
- 1.8 Footer con enlaces, redes sociales y datos de contacto
ABOUT
- 1.1 Header persistente
- 1.2 Hero con título y descripción breve
- 1.3 Historia de la marca en dos columnas
- 1.4 Equipo con fotos y breves biografías
- 1.5 Valores y misión en bloques de íconos
- 1.6 Footer común
SHOP
- 1.1 Header persistente
- 1.2 Filtro lateral de categorías y precios
- 1.3 Grid de productos con imágenes, nombre, precio y botón "Añadir al carrito"
- 1.4 Paginación inferior
- 1.5 Footer común
PRODUCT DETAIL
- 1.1 Header persistente
- 1.2 Galería de imágenes del producto con zoom
- 1.3 Información del producto: título, precio, descripción, selector de tallas/color
- 1.4 Botón "Añadir al carrito"
- 1.5 Productos relacionados en carrusel
- 1.6 Footer común
CART
- 1.1 Header persistente
- 1.2 Listado de productos en el carrito con miniatura, nombre, precio, cantidad y opción eliminar
- 1.3 Resumen de precios (subtotal, impuestos, total)
- 1.4 Botón "Continuar al checkout"
- 1.5 Footer común
CHECKOUT
- 1.1 Header persistente
- 1.2 Formulario de datos de facturación y envío
- 1.3 Resumen del pedido
- 1.4 Métodos de pago y botón "Finalizar compra"
- 1.5 Footer común
BLOG
- 1.1 Header persistente
- 1.2 Lista de artículos en tarjetas con imagen, título, extracto y fecha
- 1.3 Paginación
- 1.4 Footer común
PROMPTS RELACIONADOS · MODA
