NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Educa Aurora (educaaurora.com), una organización sin ánimo de lucro que impulsa la solidaridad mediante proyectos humanitarios. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado, respetando los siguientes requisitos:
- **Paleta de colores**: #1A3E5D (azul marino), #F5A623 (amarillo dorado), #FFFFFF (blanco), #F0F4F8 (gris muy claro) y #2C5F7D (azul medio).
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para encabezados y cuerpo, pesos 400 y 600.
- **Header**: barra superior con mensaje de agradecimiento, logo SVG a la izquierda, menú de navegación (Sobre nosotros, Programas, Noticias, Donar, Contacto) y botón destacado “Donar ahora
4.031 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.031 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 superior con mensaje de agradecimiento
- 1.2 Navegación principal con logo, enlaces y botón “Donar ahora”
- 1.3 Hero con título, texto, botones y métricas de impacto
- 1.4 Imagen hero y patrón decorativo
- 1.5 Sección Sobre nosotros con imágenes y descripción
- 1.6 Bloque de estadísticas resumidas
- 1.7 Programa de causas en grid con tarjetas, barra de progreso y call‑to‑action
- 1.8 Footer con enlaces, redes y contacto
ABOUT
- 2.1 Banner interno con título “Sobre nosotros”
- 2.2 Texto ampliado de la historia y misión
- 2.3 Galería de imágenes relacionadas
- 2.4 Botón de llamada a la acción “Conócenos”
CAUSES
- 3.1 Lista de programas en tarjetas
- 3.2 Cada tarjeta muestra imagen, título, categoría, meta y progreso
- 3.3 Botón “Ver programa” para profundizar
DONATE
- 4.1 Formulario de donación rápido con importe libre y método de pago
- 4.2 Testimonios de beneficiarios
- 4.3 Botón de confirmación “Donar ahora”
CONTACT
- 5.1 Formulario de contacto con campos nombre, email y mensaje
- 5.2 Mapa incrustado de la sede principal
- 5.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
