NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lumen Studios** (estudio creativo de producción audiovisual) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir fielmente el diseño visual y la estructura de la plantilla analizada, sin copiar textos ni imágenes originales. Utiliza los siguientes requisitos:
**Paleta de colores** (ejemplo basado en tono oscuro):
- Fondo principal: #0A0A0A
- Fondo secundario: #151515
- Texto principal: #E5E5E5
- Texto secundario: #A0A0A0
- Accent primario: #FF4C4C
- Accent secundario: #00D1FF
**Tipografía**:
- Fuente principal: Inter (Google Fonts) – peso 400/600/700
- Fuente de encabezados: Playfair Display – peso 700
**Header** (presente en todas las páginas): barra de navegación fi
5.345 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.345 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 barra de navegación fija y botón "Get in touch"
- 1.2 Hero video full‑screen con overlay 3D rotativo (Production, Editing, Filming, Animation, Branding)
- 1.3 Sobre nosotros: título, párrafo descriptivo, botón "Learn more"
- 1.4 Servicios: grid 4 cols, cada ítem con ícono, título y breve texto
- 1.5 Portafolio: grid filtrable, miniaturas con hover overlay
- 1.6 Testimonios: slider automático con citas y foto
- 1.7 Blog: 3 tarjetas de artículo, título, extracto, botón "Read more"
- 1.8 CTA final: fondo oscuro, título, botón "Contact us"
- 1.9 Footer: columnas de contacto, enlaces, redes, copyright
ABOUT
- 2.1 Header (heredado)
- 2.2 Hero interior con fondo estático y texto intro
- 2.3 Historia: bloque de texto con imagen complementaria
- 2.4 Equipo: grid de perfiles con foto, nombre y rol
- 2.5 Valores: lista de iconos con descripción
- 2.6 CTA secundaria
- 2.7 Footer (heredado)
SERVICES
- 3.1 Header (heredado)
- 3.2 Hero con video o imagen de cabecera
- 3.3 Lista de servicios detallados en bloques alternados (imagen‑texto)
- 3.4 Proceso: timeline horizontal con pasos numerados
- 3.5 Preguntas frecuentes en acordeón
- 3.6 CTA de contacto
- 3.7 Footer (heredado)
PORTFOLIO
- 4.1 Header (heredado)
- 4.2 Hero con filtro de categorías
- 4.3 Galería Masonry de proyectos, cada uno abre lightbox
- 4.4 Testimonio destacado
- 4.5 CTA “Hire us”
- 4.6 Footer (heredado)
BLOG
- 5.1 Header (heredado)
- 5.2 Hero con título del blog
- 5.3 Lista de artículos en tarjeta, paginación simple
- 5.4 Sidebar con categorías y últimos posts
- 5.5 Footer (heredado)
CONTACT
- 6.1 Header (heredado)
- 6.2 Hero con formulario de contacto centrado
- 6.3 Información de contacto: dirección, teléfono, email
- 6.4 Mapa integrado (embed de OpenStreetMap)
- 6.5 Footer (heredado)
PROMPTS RELACIONADOS · EDUCACIÓN
