NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Ágora Digital, una agencia digital que produce contenido audiovisual. Utiliza exclusivamente HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. La página debe replicar el diseño analizado:
- **Header**: barra lateral izquierda fija, fondo oscuro, logo SVG ficticio, menú con enlaces: Inicio, Sobre nosotros, Proyectos, Servicios, Contacto. Incluye iconos de redes sociales (Instagram, X, Facebook) y botón destacado “Contactar”. Botón de hamburguesa para colapsar en móviles.
- **Hero**: sección a pantalla completa con video de fondo autoproducido (usa un video de placeholder de Pexels), overlay oscuro 30%, título grande en blanco: "Impulsamos el crecimiento rápido mediante creación digital". Subtítulo pequeño, año y ubicació
4.498 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.498 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 lateral, logo y menú de navegación
- 1.2 Hero con título, descripción breve, metadatos y video de fondo
- 1.3 Sección Nuestra historia con título, párrafo y video
- 1.4 Lista de servicios con iconos y textos descriptivos
- 1.5 Portafolio de proyectos recientes con tarjetas interactivas
- 1.6 Bloque de llamada a la acción (texto destacado)
- 1.7 Footer con enlaces, redes y datos de contacto
ABOUT US
- 2.1 Header (reutilizado)
- 2.2 Hero interno con título y subtítulo
- 2.3 Texto descriptivo de la empresa
- 2.4 Galería de fotos / videos institucionales
- 2.5 Equipo (cards con foto y bio)
- 2.6 Footer (reutilizado)
PROJECTS
- 3.1 Header (reutilizado)
- 3.2 Hero interno con filtro de categorías
- 3.3 Grid de proyectos con imágenes, overlay y lightbox
- 3.4 Paginación o carga infinita
- 3.5 Footer (reutilizado)
SERVICES
- 4.1 Header (reutilizado)
- 4.2 Hero interno con título
- 4.3 Lista de servicios ampliada con iconos y detalle
- 4.4 Casos de estudio vinculados
- 4.5 Footer (reutilizado)
CONTACT
- 5.1 Header (reutilizado)
- 5.2 Formulario de contacto simple (nombre, email, mensaje)
- 5.3 Mapa estático integrado
- 5.4 Información de contacto y redes
- 5.5 Footer (reutilizado)
PROMPTS RELACIONADOS · EDUCACIÓN
