
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una tienda online de equipamiento outdoor bajo la marca ficticia Aventurix Outdoor. Usa HTML5, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #1A202C (gris muy oscuro), #2D3748 (gris medio), #38A169 (verde esmeralda), #F6E05E (amarillo pastel), #FFFFFF (blanco). Tipografía: 'Inter' para títulos y párrafos, peso 400-700, importada de Google Fonts.
Estructura:
- Header fijo con logo SVG, menú (Inicio, Sobre Nosotros, Tienda, Blog, FAQ, Contacto) y carrito con contador dinámico.
- Hero a pantalla completa con fondo de montaña, título grande (Inter, 4xl, bold, blanco), subtítulo y botón primario (verde) que enlaza a la sección de productos.
- Bloque de categorías: grid 3 columnas, tarjetas con imagen de fondo, overlay con nombre
3.649 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.649 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 de navegación fija con logo, menú principal, enlaces a blog, FAQ y carrito
- 1.2 Hero con fondo grande, título impactante y botón de llamada a la acción
- 1.3 Sección de categorías destacadas con tarjetas de imagen y texto
- 1.4 Grid de productos en oferta con botón "Ver producto"
- 1.5 Estadísticas rápidas (años de experiencia, productos, clientes satisfechos)
- 1.6 Testimonios en carrusel
- 1.7 Newsletter con formulario de suscripción
- 1.8 Footer con enlaces de información, redes sociales y datos de contacto
ABOUT
- 2.1 Banner interior con título "Sobre Nosotros"
- 2.2 Texto descriptivo de la marca y misión
- 2.3 Imagen ilustrativa de actividades al aire libre
- 2.4 Valores de la empresa en tarjetas
- 2.5 Equipo con fotos y breves biografías
- 2.6 CTA a la tienda
SHOP
- 3.1 Cabecera con filtros de categoría y orden
- 3.2 Grid de productos (tarjetas con imagen, nombre, precio, botón añadir al carrito)
- 3.3 Paginación inferior
- 3.4 Footer reutilizado
BLOG
- 4.1 Lista de artículos con imágenes, título, extracto y enlace
- 4.2 Barra lateral con categorías y búsqueda
- 4.3 Footer
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa incrustado
- 5.3 Información de soporte y horario
- 5.4 Footer
PROMPTS RELACIONADOS · GIMNASIO / FITNESS