NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Tienda Lumen, una startup SaaS de automatización y analítica, usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la arquitectura visual del sitio de referencia:
- **Paleta de colores**: #0D0D0D (fondo principal), #FFFFFF (texto), #1A73E8 (acento azul), #F2F2F2 (bordes y fondos secundarios).
- **Tipografía**: Inter (Google Fonts) para títulos y cuerpo, peso 400‑700.
- **Header**: barra superior fija con logo SVG a la izquierda, menú horizontal (Inicio, Soluciones, Precios, Blog, Contacto) y botón de carrito con contador. El carrito se abre como modal overlay con listado de items, miniaturas, detalle de variantes y botones de remover/checkout.
- **Hero**: sección full‑width, fo
3.919 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.919 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, menú y carrito modal
- 1.2 Hero con título grande, subtítulo y botón primario
- 1.3 Bloque de beneficios (3 columnas con icono, título y descripción)
- 1.4 Comparador de planes (tabla de 3 columnas, encabezados, listas de características, botón de seleccionar)
- 1.5 Testimonios (carrusel de tarjetas con foto, nombre, cargo, comentario)
- 1.6 CTA de registro (formulario breve, campos email y botón)
- 1.7 Footer con columnas de enlaces, redes sociales y datos de la empresa
PRODUCTOS
- 2.1 Lista de productos/plan SaaS (tarjetas con imagen, título, descripción corta, precio y botón "Añadir al carrito")
- 2.2 Detalle de producto (imagen principal, pestañas de descripción, especificaciones, FAQ, botón de compra)
CARRITO
- 3.1 Vista de carrito modal (lista de ítems, miniaturas, nombre, variante, precio, cantidad editable, botón eliminar, total y botones "Continuar compra" y "Checkout")
CHECKOUT
- 4.1 Formulario de pago (datos facturación, método de pago, resumen de pedido, botón confirmar compra)
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO