NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, usando la marca ficticia **Aula Delta**. Utiliza Tailwind CSS via CDN y JavaScript vanilla (sin frameworks). Paleta de colores: #F7C948 (amarillo vibrante), #111111 (negro profundo), #FFFFFF (blanco), #E5E5E5 (gris claro). Tipografía: 'Inter', sans‑serif para cuerpo y encabezados, peso 400‑700.
**Header**: barra de navegación fija, fondo negro, logo SVG ficticio a la izquierda, enlaces principales con dropdowns (/Demos, /Sobre nosotros, /Todas las páginas) y enlaces simples (/Eventos, /Programas). Botón primario con efecto de clip en amarillo que dice "Únete a la comunidad". Menú hamburguesa para móviles.
**Home**:
1. **Hero**: sección full‑width, fondo de imagen ilus
4.166 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.166 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 desplegables y botón llamativo
- 1.2 Hero principal con título grande, subtítulo y fondo ilustrado
- 1.3 Bloque de presentación de demos con tres tarjetas enlazadas
- 1.4 Sección de rendimiento con barra de progreso y métricas
- 1.5 Cuadrícula de características con iconos y descripciones
- 1.6 Pie de página con enlaces útiles y datos de contacto
ABOUT US
- 2.1 Encabezado interno con imagen de cabecera
- 2.2 Texto descriptivo de la organización
- 2.3 Valores en tarjetas icónicas
- 2.4 Equipo en cuadrícula de perfiles
- 2.5 Llamada a la acción de suscripción
EVENTS
- 3.1 Calendario de eventos destacado
- 3.2 Lista de próximos eventos en tarjetas
- 3.3 Filtro por categoría y fecha
- 3.4 Botón de registro rápido
PROGRAMS
- 4.1 Galería de programas con filtros
- 4.2 Tarjetas descriptivas de cada programa
- 4.3 Sección de testimonios
- 4.4 CTA de participación
MEMBERSHIP
- 5.1 Oferta de membresía con planes
- 5.2 Tabla comparativa de beneficios
- 5.3 Formulario de alta rápida
CONTACT US
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa incrustado
- 6.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCATION
