NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera un sitio web completo en un único archivo HTML autocontenido para la marca ficticia 'Lumarea Studio', una tienda online de objetos de diseño para el hogar y la mesa (vajilla, textiles, iluminación y pequeño mobiliario). Claim: 'Piezas pensadas para usar cada día'. Dominio lumarea.com, email hola@lumarea.com, año 2025. Tono cercano, sobrio, editorial, en español de España, sin jerga marketinera y sin precios concretos (usa rangos o 'desde').
STACK Y REQUISITOS TÉCNICOS:
- HTML5 + Tailwind CSS vía CDN (script de cdn.tailwindcss.com) + JavaScript vanilla. Todo en un solo archivo .html.
- Sin dependencias externas salvo Tailwind CDN y Google Fonts.
- Imágenes: usa placeholders de https://images.unsplash.com con queries coherentes (cerámica, mesa puesta, lino, lámparas) y/o divs con fon
7.099 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.099 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 menú, accesos y carrito
- 1.2 Hero con titular, CTAs y composición visual
- 1.3 Banda de medios/partners
- 1.4 Grid de categorías
- 1.5 Slider de productos destacados
- 1.6 Bloque de ventajas en 4 columnas
- 1.7 Editorial historia de marca
- 1.8 Contadores animados
- 1.9 Carrusel de testimonios
- 1.10 Servicios con tabs
- 1.11 Últimas entradas del blog
- 1.12 CTA newsletter
- 1.13 Footer completo
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero con titular y foto del estudio
- 2.3 Manifiesto en dos columnas
- 2.4 Línea temporal de hitos
- 2.5 Grid del equipo (foto, nombre, rol)
- 2.6 Valores en iconos
- 2.7 CTA contacto
- 2.8 Footer
TIENDA / PRODUCTOS
- 3.1 Header
- 3.2 Cabecera con título y breadcrumb
- 3.3 Filtros laterales (categoría, color, precio) y orden
- 3.4 Grid de productos paginado
- 3.5 Banner intermedio editorial
- 3.6 Footer
DETALLE DE PRODUCTO
- 4.1 Header
- 4.2 Galería de imágenes + ficha (nombre, precio, variantes, cantidad, añadir al carrito)
- 4.3 Tabs descripción / materiales / envío
- 4.4 Productos relacionados
- 4.5 Reseñas con estrellas
- 4.6 Footer
SERVICIOS
- 5.1 Header
- 5.2 Hero servicios
- 5.3 Grid de servicios en tarjetas
- 5.4 Proceso en 4 pasos
- 5.5 Testimonio destacado
- 5.6 CTA
- 5.7 Footer
DETALLE DE SERVICIO
- 6.1 Header
- 6.2 Hero con título de servicio
- 6.3 Descripción larga + sidebar con info
- 6.4 Beneficios en iconos
- 6.5 FAQ acordeón
- 6.6 CTA
- 6.7 Footer
CASOS
- 7.1 Header
- 7.2 Cabecera con filtro por sector
- 7.3 Grid de casos
- 7.4 Footer
DETALLE DE CASO
- 8.1 Header
- 8.2 Hero con cliente y reto
- 8.3 Bloque problema / solución / resultado
- 8.4 Galería
- 8.5 Cita del cliente
- 8.6 Casos relacionados
- 8.7 Footer
BLOG
- 9.1 Header
- 9.2 Cabecera blog con buscador y categorías
- 9.3 Post destacado
- 9.4 Grid de posts
- 9.5 Paginación
- 9.6 Footer
DETALLE DE POST
- 10.1 Header
- 10.2 Cabecera con categoría, título, autor, fecha
- 10.3 Imagen destacada
- 10.4 Contenido con sumario lateral
- 10.5 Bloque autor
- 10.6 Posts relacionados
- 10.7 Footer
RESEÑAS
- 11.1 Header
- 11.2 Hero con puntuación media
- 11.3 Grid de reseñas filtrables
- 11.4 CTA dejar reseña
- 11.5 Footer
CONTACTO
- 12.1 Header
- 12.2 Hero contacto
- 12.3 Formulario + datos directos
- 12.4 Mapa
- 12.5 FAQ breve
- 12.6 Footer
CHANGELOG
- 13.1 Header
- 13.2 Listado de versiones con fecha y cambios
- 13.3 Footer
LICENCIA
- 14.1 Header
- 14.2 Texto legal estructurado
- 14.3 Footer
STYLEGUIDE
- 15.1 Header
- 15.2 Tipografías
- 15.3 Paleta
- 15.4 Botones y formularios
- 15.5 Componentes
- 15.6 Footer
404
- 16.1 Header
- 16.2 Mensaje grande con CTA volver al inicio
- 16.3 Footer
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
