NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática única que reproduzca el diseño visual y la estructura de la agencia digital descrita, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Marca ficticia: Aula Perla (aulaperla.com). Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #F4F4F4 (acentos), #00A8E8 (azul de énfasis), #FF6F61 (rojo coral para highlights). Tipografía: Inter (cargar desde Google Fonts) para cuerpo y títulos, peso 400‑700.
Estructura:
- **Header**: barra fija con logo centrado, menú horizontal (Home, Works, Company, Blog, Contact) y botón de contacto a la derecha con doble flecha. En mobile, colapsar a menú hamburguesa con animación Lottie (usar placeholder).
- **Hero**: sección a pantalla completa con vídeo de fondo (loop, mute, autoplay) y fallbac
4.241 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.241 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 con logo central y enlaces a Home, Works, Company, Blog, Contact
- 1.2 Hero con vídeo de fondo, títulos "WE ARE Creative Agency EVER", y métricas (años, proyectos, satisfacción)
- 1.3 Elementos decorativos de círculos y elipses
- 1.4 Bloque de estadísticas con números animados y textos descriptivos
- 1.5 sección Featured works con tarjetas de proyecto y efecto overlay
- 1.6 Footer (información de contacto, enlaces de redes)
WORKS
- 1.1 Lista de proyectos en cuadrícula, filtro y paginación (estructura implícita)
COMPANY
- 1.1 Información institucional, misión, equipo (estructura implícita)
BLOG
- 1.1 Lista de artículos con imágenes y extractos (estructura implícita)
CONTACT
- 1.1 Formulario de contacto y mapa (estructura implícita)
PROMPTS RELACIONADOS · EDUCATION
