NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Compras Delta**, una tienda online de cosméticos. Usa una única página HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Mantén la estructura y estética del sitio analizado: header fijo con logo a la izquierda, menú central (Nuestro Mundo, Tienda, Blog, Opiniones, Contacto), botones de búsqueda y carrito a la derecha; hero de ancho completo con imagen de fondo elegante y un botón CTA centrado; sección de productos destacados en grid 4 columnas (adaptable a 2 en móvil) con tarjeta que muestre imagen, nombre, precio y "Añadir"; bloque de colecciones con imágenes grandes y texto superpuesto; carrusel de testimonios (usa Swiper.js vía CDN); últimas entradas del blog en tarjetas horizontales; footer con 3 columnas (I
3.354 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.354 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, búsqueda y carrito
- 2.1 Hero con imagen de fondo y llamado a la acción
- 3.1 Sección de productos destacados en grid responsive
- 4.1 Bloque de colecciones con imágenes y títulos
- 5.1 Testimonios con carrusel de opiniones
- 6.1 Últimas entradas del blog en formato tarjeta
- 7.1 Footer con información de contacto, enlaces y redes sociales
ABOUT US
- 1.1 Header persistente
- 2.1 Hero interior con imagen y texto descriptivo
- 3.1 Historia de la marca en dos columnas
- 4.1 Equipo en cards con foto y breve bio
- 5.1 Footer
PRODUCTS
- 1.1 Header
- 2.1 Hero con filtro de categorías
- 3.1 Lista de productos en grid, cada card con imagen, nombre, precio y botón "Añadir"
- 4.1 Paginación
- 5.1 Footer
BLOG
- 1.1 Header
- 2.1 Hero con título del blog
- 3.1 Lista de artículos en tarjetas, con imagen, título, fecha y extracto
- 4.1 Sidebar con categorías y newsletter
- 5.1 Footer
CONTACT US
- 1.1 Header
- 2.1 Hero con formulario de contacto y mapa integrado
- 3.1 Información de contacto y redes sociales
- 4.1 Footer
PROMPTS RELACIONADOS · E-COMMERCE
