NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Áureo Urbano (aureourbano.com), sector moda masculina, tipo Comercio electrónico, usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. Mantén la paleta de colores basada en negro (#000000), gris oscuro (#1a1a1a), gris medio (#4a4a4a) y blanco (#ffffff) con acento dorado (#d4af37). Usa tipografía "Inter" para textos y "Playfair Display" para encabezados.
Estructura:
- **Header**: barra superior fija con fondo negro, texto blanco en mayúsculas, anuncio de "envío gratis +50 $" y "rebaja 30 % colección verano"; debajo, logo centrado (SVG ficticio), menú hamburguesa (icono), buscador (campo y botón), icono de carrito que abre un panel lateral derecho.
- **Cart panel**: overlay oscuro, lista de productos con miniatu
4.272 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.272 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 y descuento
- 1.2 Header con logo, menú hamburguesa, buscador, iconos de carrito y acceso rápido
- 1.3 Hero principal con imagen de fondo, título y llamado a acción
- 1.4 Bloque de colecciones en grid de 3 columnas
- 1.5 Sección de productos destacados con carrusel horizontal
- 1.6 Testimonios con foto y texto en layout de tarjetas
- 1.7 Newsletter con formulario de suscripción
- 1.8 Footer con enlaces de empresa, redes sociales y datos de contacto
COLECCIONES
- 2.1 Grid de categorías con imagen y nombre
- 2.2 Filtros laterales (talla, color, precio)
- 2.3 Paginación inferior
PRODUCTO
- 3.1 Imagen principal + galería de miniaturas
- 3.2 Título, referencia y precio
- 3.3 Selector de talla y color
- 3.4 Botón añadir al carrito
- 3.5 Descripción larga y tabla de especificaciones
- 3.6 Productos relacionados en carrusel
CART (Carrito lateral)
- 4.1 Lista de artículos con miniatura, nombre, opciones y cantidad
- 4.2 Subtotal y botones de checkout / continuar compra
- 4.3 Mensaje de carrito vacío
CHECKOUT
- 5.1 Formulario de datos de facturación y envío
- 5.2 Resumen de pedido y método de pago
- 5.3 Botón confirmar compra
CONTACTO
- 6.1 Formulario de contacto con nombre, email y mensaje
- 6.2 Información de dirección y teléfono
- 6.3 Mapa incrustado
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