NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia Escuela Zenit (agencia de producción audiovisual) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y estilo del diseño original (navbar lateral colapsable, hero con video de fondo, secciones de "Sobre nosotros", vídeo institucional, lista de servicios en tarjetas verticales con íconos, bloque de proyectos recientes con efecto 3D en las miniaturas, footer minimalista).
Paleta de colores: #0A0A0A (negro profundo), #1F1F1F (gris casi negro), #FFFFFF (blanco), #00A8E8 (azul cian), #555555 (gris medio).
Tipografía: "Inter" para títulos y cuerpos, peso 400/600, tamaños 2rem (h1), 1.5rem (h2), 1rem (p).
Header: barra lateral izquierda, posición fixed, ancho 240px, logo SVG placeholde
4.079 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.079 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 Navbar fijo con logo, enlaces de navegación y botón de contacto
- 1.2 Hero con título, descripción corta, año y ubicación, enlaces a redes y video de fondo
- 1.3 Sección "Sobre nosotros" con encabezado, texto y logos de partners
- 1.4 Vídeo institucional de presentación
- 1.5 Servicios listados en tarjetas verticales con iconos y texto
- 1.6 Bloque de proyectos recientes con título y rejilla de imágenes con transformación 3D
- 1.7 Footer con enlaces a políticas, redes y contacto
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Texto descriptivo ampliado y equipo
- 2.3 Galería de imágenes
PROJECTS
- 3.1 Filtro de categorías
- 3.2 Grid de proyectos con lightbox
NEWS
- 4.1 Lista de artículos en formato tarjeta
CAREERS
- 5.1 Vacantes listadas con botón de aplicar
CONTACT
- 6.1 Formulario de contacto y mapa de ubicación
PROMPTS RELACIONADOS · EDUCATION
