NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Eclétic Moda** (ecléticmoda.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir el diseño visual y la estructura del template analizado, sin copiar texto original.
**Objetivo**: Tienda online de moda de lujo, estilo minimalista‑elegante, con los siguientes requisitos visuales y funcionales:
- **Paleta de colores**: negro profundo #0a0a0a, gris carbón #1f1f1f, blanco puro #ffffff, dorado suave #c5a880, acento rojo rubí #b22234.
- **Tipografía**: `Playfair Display` para encabezados (serif elegante) y `Inter` para cuerpo (sans‑serif legible). Cargar ambas desde Google Fonts.
- **Header**: barra fija, fondo negro semi‑transparente, logo a la izquierda (placeholder SVG), menú pri
4.810 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.810 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 Cabecera fija con logo, navegación principal y carrito modal
- 1.2 Hero de página principal con imagen de fondo, título grande y llamada a la acción
- 1.3 Bloque de colecciones destacadas en rejilla de tarjetas
- 1.4 Contador de unidades vendidas y envío rápido
- 1.5 Testimonios en carrusel suave
- 1.6 Formulario de suscripción al boletín
- 1.7 Footer con enlaces institucionales y redes sociales
SHOP
- 1.1 Cabecera idéntica a la home
- 1.2 Lista de productos en grid con filtros y ordenación
- 1.3 Paginación y barra lateral de categorías
- 1.4 Footer común
PRODUCT DETAIL
- 1.1 Cabecera idéntica
- 1.2 Galería de imágenes del producto con zoom
- 1.3 Información del producto, selector de talla/color y botón "Añadir al carrito"
- 1.4 Sección de productos relacionados en carrusel
- 1.5 Footer común
ABOUT US
- 1.1 Cabecera idéntica
- 1.2 Bloque con historia de la marca y valores
- 1.3 Equipo en tarjetas con foto y biografía breve
- 1.4 Footer común
BLOG
- 1.1 Cabecera idéntica
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Paginación
- 1.4 Footer común
CONTACT
- 1.1 Cabecera idéntica
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Footer común
PROMPTS RELACIONADOS · E-COMMERCE
