NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Aula Coral" (agencia digital de producción vídeo) usando únicamente un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. El sitio debe reproducir fielmente la estructura y estética del template analizado: fondo oscuro (#0a0a0a, #121212), acentos en morado/azul (#6c5ce7, #74b9ff) y texto en blanco y gris claro. Tipografía principal: 'Inter', sans-serif; tipografía secundaria para títulos: 'Orbitron', sans-serif.
**Requisitos de layout**
- Header fijo con logo SVG, botón hamburguesa que despliegue un overlay de navegación vertical con enlaces Home, About, Cases, Services, Contact y iconos sociales (Instagram, X, LinkedIn, YouTube, Vimeo). Animación suave de aparición.
- Home:
1. Hero a pantalla completa con video de fo
4.598 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.598 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 Cabecera fija con logo, menú hamburguesa y enlaces de navegación
- 2.1 Hero con fondo video o imagen oscura, título grande y botón principal
- 3.1 Sección "Sobre nosotros" con texto descriptivo y foto lateral
- 4.1 Galería de casos / proyectos en grid con hover animado
- 5.1 Servicios en tarjetas horizontales con iconos
- 6.1 Testimonios en carrusel sencillo
- 7.1 Llamada a la acción final con formulario de contacto breve
- 8.1 Pie de página con enlaces, redes sociales y datos de contacto
ABOUT
- 1.1 Cabecera fija idéntica a Home
- 2.1 Título grande "Sobre Aula Coral"
- 3.1 Texto narrativo con historia y valores
- 4.1 Equipo en tarjetas con foto y breve bio
- 5.1 Pie de página
SERVICES
- 1.1 Cabecera fija
- 2.1 Título "Servicios"
- 3.1 Lista de servicios en tarjetas con icono y descripción corta
- 4.1 CTA para contactar
- 5.1 Pie de página
CASE-STUDIES
- 1.1 Cabecera fija
- 2.1 Título "Nuestros proyectos"
- 3.1 Grid de proyectos con portada, título y breve extracto
- 4.1 Filtro por categoría (opcional)
- 5.1 Pie de página
CONTACT
- 1.1 Cabecera fija
- 2.1 Título "Contacto"
- 3.1 Formulario sencillo (nombre, email, mensaje, botón enviar)
- 4.1 Mapa estático o imagen de ubicación
- 5.1 Información de contacto y redes sociales
- 6.1 Pie de página
PROMPTS RELACIONADOS · EDUCATION
