NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Lúmen Market (lumenmarket.com) usando únicamente HTML estático, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. El sitio debe ser responsivo y replicar la estructura y estilo del template analizado, sin copiar texto ni imágenes originales.
**Alcance**:
- Cabecera fija con logo (SVG simple), menú de navegación (Home, About, Works, Services, Blog, Contact) y botón de carrito que abre un modal simulado.
- Hero full‑height con fondo degradado azul oscuro a púrpura, título grande (font "Inter"), subtítulo y botón primario "Explorar tienda".
- Sección de productos destacados: grid 3‑columnas (mobile 1‑col) con tarjetas que incluyen imagen placeholder, nombre, precio y botón "Añadir" (sin funcionalidad real).
- Servicios: fila de 4 ic
4.026 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.026 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, menú y carrito modal
- 1.2 Hero con título, subtítulo y botón
- 1.3 Cuadrícula de productos destacados
- 1.4 Servicios con iconos y textos
- 1.5 Contadores de confianza (clientes, ventas, etc.)
- 1.6 Blog preview en tarjetas
- 1.7 Footer con navegación secundaria y newsletter
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Hero interno con imagen y texto descriptivo
- 2.3 Historia de la marca en dos columnas
- 2.4 Equipo en tarjetas
- 2.5 Valores en iconos
- 2.6 CTA a la tienda
WORKS
- 3.1 Cabecera
- 3.2 Hero de portfolio con filtro de categorías
- 3.3 Galería de proyectos en estilo masonry
- 3.4 Caso de estudio destacado
- 3.5 CTA a contactar
SERVICES
- 4.1 Cabecera
- 4.2 Hero con listado de servicios
- 4.3 Tarjetas de servicio con icono, título y descripción
- 4.4 Preguntas frecuentes en accordion
- 4.5 CTA a solicitar presupuesto
BLOG
- 5.1 Cabecera
- 5.2 Hero de blog con barra de búsqueda
- 5.3 Lista de artículos en tarjetas con imagen, categoría y extracto
- 5.4 Paginación
CONTACT
- 6.1 Cabecera
- 6.2 Hero con formulario de contacto y mapa embebido
- 6.3 Información de contacto en columnas
- 6.4 Formulario de suscripción al newsletter
PROMPTS RELACIONADOS · PORTAFOLIO
