NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "LuzFábula Studios" (luzfabula.com) con las siguientes especificaciones, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo:
- **Paleta de colores**: negro puro #000000, gris oscuro #1a1a1a, gris medio #333333, blanco puro #ffffff, acento azul eléctrico #0d6efd.
- **Tipografía**: Headings con "Playfair Display", body con "Inter", ambas importadas via Google Fonts.
- **Header**: barra fija, alto 80px, fondo #000000 con opacidad 0.9, logo compuesto por las letras "LF" en capas superpuestas (4 capas) que crean un efecto de desplazamiento al hacer hover. Menú horizontal con enlaces Home, Work, Services, About, Contact (texto #ffffff, hover #0d6efd). Botón hamburguesa para móvil que alterna a un panel vertical.
- **Hero
4.252 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.252 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 fijo con logo polifásico, menú de navegación y botón hamburguesa
- 2.1 Hero sección con texto repetido en capas y efecto de paralaje
- 3.1 Declaración de visión en tipografía grande y centrada
- 4.1 Galería de trabajos destacados: tarjetas con año, categoría, título, director, reseñas, descripción y botón "Explorar"
- 5.1 Animaciones Lottie acompañando cada tarjeta
- 6.1 Footer minimalista con enlaces sociales y contacto
WORK
- 1.1 Listado de proyectos con filtro por tipo y año
- 2.1 Tarjeta de proyecto ampliada con galería de imágenes, descripción, créditos y reseñas
SERVICES
- 1.1 Resumen de servicios: producción, postproducción, efectos visuales, consultoría
- 2.1 Íconos descriptivos y breves párrafos
ABOUT
- 1.1 Historia del estudio, equipo y valores con fotos y citas
- 2.1 Timeline visual de hitos y premios
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje)
- 2.1 Información de ubicación y redes sociales
PROMPTS RELACIONADOS · EDUCATION
