NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "LuzCasa" (e‑commerce de decoración y tecnología para el hogar) usando un único archivo HTML que incluya TailwindCSS vía CDN y JavaScript vanilla. Reproduce fielmente la estructura y estilo del sitio analizado sin copiar texto ni imágenes originales. Usa la siguiente paleta de colores: #1a202c (gris oscuro), #2d3748 (gris medio), #4a5568 (gris claro), #edf2f7 (gris muy claro), #f6e05e (amarillo cálido), #4299e1 (azul brillante). Tipografía principal: "Inter", sans‑serif; encabezados en "Playfair Display".
**Header**: barra fija con logo (texto "LuzCasa" en azul), menú multi‑nivel (Demos, Company, Services, Showcases, All Pages) con dropdowns y megamenu, botón primario "Contact Us" y icono de carrito que abre un modal.
**Home**:
1. Hero a pa
3.845 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.845 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 Barra de navegación fija con logo, menú desplegable multi‑nivel y botón de carrito
- 1.2 Hero con fondo degradado, título principal, subtítulo y botón CTA
- 1.3 Cuadrícula de categorías destacadas (4 tarjetas con imagen y texto)
- 1.4 Sección de beneficios con iconos y texto descriptivo (3 columnas)
- 1.5 Área de productos destacados (grid de 3 columnas con foto, nombre y botón "Ver detalle")
- 1.6 Testimonios en carrusel (cita, cliente, foto)
- 1.7 Blog reciente (tarjetas con imagen, título, fecha)
- 1.8 Footer con enlaces de navegación, redes sociales, suscripción y datos de contacto
ABOUT US
- 2.1 Hero interno con imagen y texto introductorio
- 2.2 Historia de la empresa en dos columnas (texto + imagen)
- 2.3 Valores corporativos con iconos
- 2.4 Equipo (tarjetas con foto, nombre, cargo)
- 2.5 CTA a contacto
SERVICES
- 3.1 Hero de servicios con título y subtítulo
- 3.2 Lista de servicios en tarjetas (icono, nombre, breve descripción)
- 3.3 Sección de casos de estudio (grid de proyectos)
- 3.4 CTA a solicitud de presupuesto
PRODUCTS
- 4.1 Hero de productos con filtro de categoría
- 4.2 Grid de productos (imagen, nombre, precio, botón "Añadir al carrito")
- 4.3 Paginación
- 4.4 CTA a ver más productos
BLOG
- 5.1 Lista de artículos (imagen, título, excerpt, fecha, botón "Leer más")
- 5.2 Sidebar con categorías, últimas entradas y newsletter
- 5.3 Paginación
CONTACT US
- 6.1 Formulario de contacto (nombre, email, asunto, mensaje, botón enviar)
- 6.2 Mapa incrustado
- 6.3 Información de contacto y horario
SHOP CART (modal)
- 7.1 Lista de productos en el carrito con miniatura, nombre, opciones, precio y cantidad
- 7.2 Subtotal y botones de "Checkout" y "Continuar comprando"
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 30/06/2026
PROMPTS RELACIONADOS · BIENES RAÍCES
