NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "CineLúmina" (cinelumina.com), plataforma de streaming de contenidos audiovisuales. Usa únicamente HTML, TailwindCSS vía CDN y JavaScript vanilla en un solo archivo.
**Paleta de colores**: #0A0A0A (fondo negro), #E50914 (rojo accent), #FFFFFF (texto blanco), #262626 (gris oscuro), #8C8C8C (gris claro).
**Tipografía**: "Inter" para títulos y cuerpo, cargada desde Google Fonts.
**Header**: barra fija con logo (texto "CineLúmina" en Inter Bold, color rojo), menú horizontal (Home, Sobre Nosotros, Películas, Contacto), iconos de búsqueda, cuenta y menú móvil a la derecha. En móvil, colapsar a icono de hamburguesa que abre un panel lateral con los mismos enlaces.
**Sidebar login/registro**: panel deslizante desde la derecha, con formulari
3.959 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.959 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 Encabezado con logo, menú y botones
- 1.2 Menú móvil collapsable
- 1.3 Panel de login/registro (sidebar)
- 1.4 Barra de búsqueda modal
- 1.5 Hero slider con información destacada
- 1.6 Sección de películas destacadas (grid de tarjetas)
- 1.7 Footer con enlaces y copyright
ABOUT
- 2.1 Encabezado compartido
- 2.2 Bloque de presentación de la empresa con imagen y texto
- 2.3 Equipo en tarjetas
- 2.4 Valores en lista con iconos
- 2.5 CTA a registro
MOVIES
- 3.1 Encabezado compartido
- 3.2 Filtro y barra de búsqueda de películas
- 3.3 Grid de tarjetas de películas (imagen, título, rating)
- 3.4 Paginación
DETAIL
- 4.1 Encabezado compartido
- 4.2 Hero grande con poster y botón de reproducción
- 4.3 Información completa (sinopsis, rating, duración, géneros)
- 4.4 Galería de imágenes y videos
- 4.5 Recomendaciones relacionadas
CONTACT
- 5.1 Encabezado compartido
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa incrustado y datos de contacto
- 5.4 Redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
