NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lúmina Spa" (agencia de diseño y desarrollo digital) usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. El objetivo es replicar el diseño visual y la estructura de la plantilla analizada, sin copiar textos ni imágenes originales.
**Alcance**
- Header fijo con logo a la izquierda y enlaces de navegación (Inicio, Sobre nosotros, Servicios, Portafolio, Blog, Contacto). En resoluciones móviles, mostrar un botón hamburguesa que despliega un overlay con fondo ligeramente difuminado y enlaces verticales.
- Hero sección ocupando pantalla completa, con video de fondo reproducido en bucle, sin sonido, y encima una capa con cuatro imágenes rotativas (animación CSS de rotación 3D). Texto centrado con título grande y sub
4.389 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.389 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 Hero con video de fondo y rotación de imágenes
- 1.2 Barra de navegación fija con logo, enlaces y menú hamburguesa
- 1.3 Sección de servicios destacados en tarjetas con iconos
- 1.4 Portafolio tipo grid con hover animado
- 1.5 Testimonios en carrusel
- 1.6 Llamada a la acción con formulario breve
- 1.7 Footer con enlaces, redes sociales y suscripción
ABOUT
- 2.1 Imagen de cabecera con sobreimpreso de texto
- 2.2 Historia de la agencia en dos columnas
- 2.3 Equipo en tarjetas con foto y bio corta
- 2.4 Valores en bloques iconográficos
- 2.5 Footer repite estructura de home
SERVICES
- 3.1 Lista de servicios en tarjetas con ícono y breve descripción
- 3.2 Detalle de servicio con imagen grande y texto a la izquierda
- 3.3 Caso de estudio en bloques alternados
- 3.4 CTA de contacto
- 3.5 Footer
PORTFOLIO
- 4.1 Grid de proyectos con filtro por categoría
- 4.2 Hover muestra título y categoría
- 4.3 Botón ver proyecto lleva a detalle
- 4.4 Footer
BLOG
- 5.1 Lista de artículos con imagen, título y extracto
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Paginación
- 5.4 Footer
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de contacto y redes sociales
- 6.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
