NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
You are Claude Design. Create a full responsive website for the fictitious brand **LuzÁurea** (luzaurea.com) – a creative digital design studio. The site must match the visual pattern of the provided reference without copying any text or assets. Use a single HTML file with Tailwind CSS via CDN and vanilla JavaScript for interactions.
**Scope**
- Header: dark background, left‑aligned logo (placeholder), right‑aligned circular hamburger button that expands a full‑screen overlay menu with vertical navigation links (Home, About, News, Contact). Animate the overlay with fade‑in/out and slide.
- Hero section: dark gradient background, centered Lottie animation of a sun (use a public Lottie URL), overlaid large title split in two lines ("Meet" and "LuzÁurea"), sub‑title "Based in sunny Barcelona
4.334 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.334 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 hamburguesa
- 1.2 Hero intro con animación Lottie y texto "Meet LuzÁurea"
- 1.3 Scroll down indicator
- 1.4 Sección de tarjetas de demostración (grid 3‑col) con imágenes y títulos
- 1.5 Footer con enlaces de navegación
ABOUT
- 2.1 Header reutilizado
- 2.2 Hero con foto y descripción de la agencia
- 2.3 Timeline de historia
- 2.4 Equipo en cards
- 2.5 Footer
NEWS
- 3.1 Header
- 3.2 Lista de artículos con imagen y extracto
- 3.3 Paginación
- 3.4 Footer
CONTACT
- 4.1 Header
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Mapa embed
- 4.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA