NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "CineFlujo" (plataforma de streaming y producción audiovisual). Usa solo HTML estático, Tailwind CSS vía CDN y vanilla JavaScript en un único archivo. Reproduce fielmente la estructura y los patrones de UI del sitio analizado:
- Header fijo con logo a la izquierda, enlaces de navegación (Home, About, Work, Pages dropdown con Team, Blog, Contact) y botón destacado "Get Started" a la derecha. Fondo transparente sobre video de hero.
- Hero section: video de fondo a pantalla completa (autoplay, muted, loop), overlay oscuro opcional, columna izquierda con subtítulo, título grande "Visual Stories You’ll Love...", párrafo descriptivo y botón principal "Explore Now" con icono de reproducción.
- Sección Acerca de: contenedor centrado, texto amp
4.063 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.063 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 Barra de navegación fija con logo, enlaces y botón de llamada a la acción
- 1.2 Hero con video de fondo, título, subtítulo y botón principal
- 1.3 Bloque "Acerca de" con texto descriptivo y overlays oscuros
- 1.4 Sección de transmisión en directo con tres tarjetas: emisión en vivo, archivo visual y sonido
- 1.5 Marquesina de texto repetitivo con video de fondo sutil
- 1.6 Portafolio de trabajos con título y grid de imágenes
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera con título "Sobre CineFlujo"
- 2.2 Texto explicativo de la misión y visión
- 2.3 Imagen de equipo y lista de valores
TEAM
- 3.1 Galería de miembros del equipo con foto y cargo
- 3.2 Botón para contactar al equipo
WORK
- 4.1 Título "Nuestro Portafolio"
- 4.2 Grid de proyectos con miniaturas y breve descripción
- 4.3 Botón ver más proyectos
BLOG
- 5.1 Lista de artículos recientes con imagen, título y extracto
- 5.2 Barra lateral con categorías y archivos
CONTACT
- 6.1 Formulario de contacto (nombre, email, mensaje)
- 6.2 Información de contacto (email, teléfono, dirección)
- 6.3 Mapa incrustado
PROMPTS RELACIONADOS · BELLEZA / SPA
