NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **LunaPixel**, estudio creativo de diseño y branding. Utiliza **HTML5**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un solo archivo. La página debe incluir:
- **Header**: barra fija con logo (texto LunaPixel) a la izquierda y menú hamburguesa a la derecha. Al hacer clic, se despliega un menú overlay con links a #about, #services, #work, #contact. Usa transiciones suaves y fondo oscuro semi‑transparente.
- **Hero**: sección a pantalla completa con título fragmentado en tres líneas ("Diseño", "que", "inspira") que aparecen con animación de desplazamiento vertical (utiliza IntersectionObserver). Incluye un subtítulo descriptivo y un fondo de color gris muy claro. Añade una forma geométrica decorativa (cuatro bloques rotados) usando CS
4.115 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.115 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 logo y menú hamburguesa
- 2.1 Hero con título fragmentado y efectos de desplazamiento
- 3.1 Sección About con texto grande, imágenes en mosaico y flecha animada
- 4.1 Bloque Services con tarjetas numeradas y hover
- 5.1 CTA de contacto con botón resaltado
- 6.1 Footer con enlaces y datos de contacto
ABOUT
- 1.1 Texto intro grande
- 1.2 Galería de imágenes responsiva
- 1.3 Lottie arrow animada
SERVICES
- 1.1 Tarjeta 01 – Publicidad con imagen
- 1.2 Tarjeta 02 – Gráfico con imagen
- 1.3 Tarjeta 03 – Desarrollo con imagen (ejemplo)
CONTACT
- 1.1 Formulario simple (nombre, email, mensaje)
- 1.2 Botón enviar con efecto hover
PROMPTS RELACIONADOS · BELLEZA / SPA
