NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Compras Coral, una tienda online de productos de diseño. Usa solo HTML estático, Tailwind CSS via CDN y JavaScript vanilla (un único archivo). Reproduce fielmente la estructura y estilo del sitio analizado:
- Paleta de colores: #111111 (fondo oscuro en header/footer), #ff6a00 (accento principal), #ffffff (fondo principal), #222222 (texto principal), #f5f5f5 (tarjetas).
- Tipografía: Inter, sans‑serif, tamaños fluidos con rem.
- Header: barra pegajosa, logo a la izquierda, menú horizontal (Home, About, Pricing, Contact) y botón de carrito con contador. En móvil, colapsa a hamburguesa y logo centrado.
- Hero: sección a pantalla completa con fondo degradado oscuro > transparente, título grande, subtítulo, botón CTA "Explorar productos".
3.572 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.572 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 acceso al carrito
- 1.2 Hero principal: imagen de fondo, título, subtítulo y botón CTA
- 1.3 Bloque de categorías rápidas con iconos
- 1.4 Cuadrícula de productos destacados
- 1.5 Sección de beneficios/ventajas
- 1.6 Testimonios en carrusel
- 1.7 Newsletter de suscripción
- 1.8 Pie de página
PRODUCTOS
- 2.1 Cabecera persistente
- 2.2 Lista de filtros y categorías lateral
- 2.3 Mosaico de productos (tarjeta con foto, nombre, precio, botón)
- 2.4 Detalle del producto (galería, descripción, selector de variante, botón añadir)
- 2.5 sección de productos relacionados
- 2.6 Footer
CONTACTO
- 3.1 Cabecera
- 3.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 3.3 Mapa incrustado
- 3.4 Información de contacto y horarios
- 3.5 Footer
PROMPTS RELACIONADOS · E-COMMERCE
