NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web de comercio electrónico completa para la marca ficticia "Tienda Helio" (tiendahelio.com). Usa solo HTML en un único archivo, Tailwind CSS CDN y JavaScript vanilla (sin frameworks). Reproduce la estructura y estilo del sitio analizado:
- **Paleta de colores**: #1A1A1A (fondo oscuro), #FFFFFF (texto), #F5A623 (acentos naranja), #E0E0E0 (bordes suaves).
- **Tipografía**: "Inter" para encabezados y cuerpo, carga desde Google Fonts.
- **Header**: barra fija con logo SVG a la izquierda, campo de búsqueda con icono, botón de carrito que abre un modal mostrando items, cantidad y botón de checkout. Implementa el modal con HTML oculto y toggle via JavaScript.
- **Hero**: sección a pantalla completa con fondo de imagen de moda, título grande, subtítulo y botón CTA "Explorar colecció
3.679 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.679 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 con logo, barra de búsqueda y carrito modal
- 2.1 Hero con imagen de fondo, título y botón CTA
- 3.1 Bloque de categorías en tarjetas horizontales
- 4.1 Sección de productos destacados en grid de tarjetas
- 5.1 Testimonios con carrusel simple
- 6.1 Formulario de suscripción al boletín
- 7.1 Footer con enlaces de navegación, redes sociales y datos de contacto
CATEGORÍA
- 1.1 Lista de categorías con imagen y nombre
PRODUCTOS
- 1.1 Grid de productos: imagen, nombre, precio, botón "Añadir al carrito"
TESTIMONIOS
- 1.1 Carrusel de testimonios: foto, nombre, comentario
NEWSLETTER
- 1.1 Formulario de suscripción: campo email y botón enviar
CONTACTO
- 1.1 Información de contacto y formulario breve
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO