NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea el sitio web de la marca ficticia CasaLuz (dominio: casaluz.com, claim: "Espacios que inspiran", email: hola@casaluz.com, año: 2026) reproduciendo el diseño analizado. Utiliza HTML y Tailwind CSS vía CDN en un único archivo, con JavaScript vanilla para interacciones (menú dropdown, apertura/cierre del carrito lateral, búsqueda y suscripción al newsletter).
Paleta de colores:
- #F5F0EB (fondo claro)
- #3A3A3A (texto principal)
- #8C6A43 (acentos cálidos, botones y enlaces)
- #D9C5A3 (sombra y fondos de tarjetas)
- #FFFFFF (blancos y áreas de contraste)
Tipografía: Inter (Google Fonts) para títulos y cuerpo, pesos 400 y 600.
Estructura:
1. Header (sticky): barra promocional superior con texto "Obtén un 10% de descuento en tu primera compra"; logo a la izquierda; menú principal con en
4.114 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.114 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 promocional superior con mensaje de descuento
- 1.2 Header con logo, menú de navegación y carrito lateral
- 1.3 Hero de página con imagen de fondo, título y botón principal
- 1.4 Bloque de categorías destacadas en columnas
- 1.5 Galería de productos destacados con tarjetas y botones de compra
- 1.6 Sección de testimonios con citas y foto de cliente
- 1.7 Últimos artículos del blog en formato grid
- 1.8 Formulario de suscripción al boletín
- 1.9 Footer con enlaces de información, redes sociales y datos de contacto
ABOUT
- 2.1 Imagen de cabecera con texto descriptivo
- 2.2 Historia de la marca en dos columnas
- 2.3 Valores y misión en tarjetas iconográficas
- 2.4 Equipo con foto y breve biografía
- 2.5 CTA a la tienda
PRODUCTS
- 3.1 Filtros de categoría a la izquierda
- 3.2 Grid de productos con imagen, nombre, precio y botón agregar
- 3.3 Paginación inferior
BLOG
- 4.1 Lista de artículos con miniatura, título, resumen y fecha
- 4.2 Sidebar con categorías y newsletter
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado y datos de dirección
- 5.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · ARQUITECTURA
