NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Shop Marea, una tienda de moda de lujo sostenible, usando solo HTML, Tailwind CSS via CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y los patrones UI del sitio analizado: barra superior con oferta y datos de contacto, navbar con logo, buscador, menú con sub‑dropdowns, iconos de usuario y carrito con contador, hero full‑width con título y botones CTA, sección de ventajas en 3 columnas, grid de categorías (4 bloques), slider de productos recomendados, bloque de newsletter con formulario, y footer con 4 columnas (sobre, ayuda, legal, redes). Utiliza la paleta de colores:
- #21252A (gris antracita fondo principal)
- #FFFFFF (texto blanco y fondos claros)
- #D4AF37 (dorado acento para botones y enlaces)
- #F5F5F
3.258 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.258 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 mensaje promocional y contactos
- 1.2 Navbar con logo, buscador, menú principal, icono usuario y carrito
- 1.3 Hero con imagen full‑width, título, subtítulo y botones "Descubrir" y "Comprar ahora"
- 1.4 Ventajas en columnas: Envío gratuito, Materiales premium, Atención 24h
- 1.5 Grid de categorías: Chaquetas, Camisas, Accesorios, Calzado
- 1.6 Slider de productos destacados con imagen, nombre y botón "Añadir al carrito"
- 1.7 Newsletter: texto invitación y campo de email + botón suscribir
- 1.8 Footer con bloques: Sobre Shop Marea, Ayuda, Legal, Redes sociales
CATEGORIES
- 1.1 Cabecera similar a Home
- 1.2 Lista de categorías en grid, filtros laterales y paginación
SHOP
- 1.1 Cabecera común
- 1.2 Breadcrumbs
- 1.3 Grid de productos con foto, nombre, precio y botón "Ver detalle"
- 1.4 Sidebar de filtros (talla, color, precio)
PRODUCT DETAILS
- 1.1 Galería de imágenes con carrusel
- 1.2 Información del producto: nombre, precio, descripción, selector de talla/color
- 1.3 Botón "Añadir al carrito"
- 1.4 Productos relacionados en slider
CART
- 1.1 Lista de ítems con miniatura, nombre, precio, cantidad, opción eliminar
- 1.2 Resumen de compra y botón "Proceder al pago"
CONTACT
- 1.1 Formulario de contacto: nombre, email, mensaje y botón enviar
- 1.2 Información de ubicación y teléfono
BLOG
- 1.1 Lista de artículos en tarjetas con imagen, título, excerpt y botón "Leer más"
- 1.2 Paginación inferior
FAQ
- 1.1 Preguntas frecuentes en acordeón
LEGAL
- 1.1 Texto de política de privacidad, términos y condiciones
404
- 1.1 Mensaje de error amigable y botón volver al inicio
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO
Otros prompts de la misma categoría
PROMPTComercio electrónico
Market Zenit
★★★★★ 1.110 descargas
GRATIS0€
PROMPTComercio electrónico
Lino & Cañamo
★★★★★ 1.338 descargas
GRATIS0€
PROMPTComercio electrónico
Store Austral
★★★★★ 3.147 descargas
GRATIS0€
GPT Image 2
PROMPTComercio electrónico
Línea Aurora
★★★★★ 1.700 descargas
GRATIS0€
GPT Image 2