NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Eventos Zenit" (eventoszenit.com) siguiendo el estilo oscuro y cinematográfico del template analizado. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A0A0A (fondo principal), #1F1F1F (sectores), #E0E0E0 (texto claro), #FF6B6B (acentos). Tipografía: 'Inter' para encabezados y cuerpo, importada desde Google Fonts.
Estructura requerida:
1. Header fijo con logo SVG, enlaces Home, About, Cases, Services, Contact y iconos sociales (Instagram, X, LinkedIn, YouTube, Vimeo) que cambian de color al hover.
2. Menú overlay que se abre al hacer clic en el ícono de hamburguesa, con fondo degradado oscuro y animación de desvanecimiento.
3. Hero de pantalla completa con video de fondo (placeholder mp4)
3.843 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.843 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 iconos sociales
- 1.2 Menú overlay animado con fondo degradado
- 1.3 Hero de pantalla completa con vídeo de fondo y título
- 1.4 Sección "Sobre nosotros" con texto y foto en dos columnas
- 1.5 Galería de casos con tarjetas interactivas
- 1.6 Servicios presentados en rejilla de iconos y descripciones
- 1.7 Llamada a la acción de contacto con formulario breve
- 1.8 Footer con links de navegación, datos de contacto y redes sociales
ABOUT
- 2.1 encabezado interno con imagen de fondo
- 2.2 texto descriptivo de la empresa y misión
- 2.3 equipo en tarjetas con foto y rol
SERVICES
- 3.1 título de sección y subtítulo
- 3.2 rejilla de 4 tarjetas de servicio con icono, título y breve descripción
CASE STUDIES
- 4.1 galería tipo masonry con videos y texto de proyecto
- 4.2 filtro por categoría
CONTACT
- 5.1 formulario de contacto (nombre, email, mensaje)
- 5.2 mapa estático de ubicación
- 5.3 datos de contacto rápido
FOOTER
- 6.1 enlaces de navegación secundarios
- 6.2 iconos sociales con hover
- 6.3 copyright y política de privacidad
PROMPTS RELACIONADOS · ENTRETENIMIENTO
