NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Educa Duna** (educaduna.com), una organización sin ánimo de lucro que conecta personas y recursos para generar impacto social. Utiliza exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar los patrones visuales del sitio analizado: cabecera fija con logo a la izquierda, menú centrado (Home, Sobre nosotros, Blog, Páginas (desplegable con enlaces a Proyectos, Donar, Contacto, Utilidades), botón principal “Apoya nuestra causa” en color de contraste, y carrito de donaciones en la esquina derecha. Fondo hero con imagen de archivo libre, título grande, subtítulo y dos botones CTA (Donar ahora, Conocer más). A continuación, sección de valores con 3 columnas, cada una con icono SVG, encabeza
3.971 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.971 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ú y botón de donación
- 1.2 Hero con fondo visual, título y CTA
- 1.3 Valores (iconos + texto)
- 1.4 Estadísticas (contadores)
- 1.5 Proyectos (galería grid)
- 1.6 Testimonios (carousel)
- 1.7 CTA final con formulario
- 1.8 Footer con enlaces, redes y contacto
ABOUT
- 2.1 Cabecera común
- 2.2 Imagen de apoyo y texto histórico
- 2.3 Equipo (tarjetas con foto y bio)
- 2.4 Misión y visión en bloques
- 2.5 CTA para colaborar
- 2.6 Footer
DONATE
- 3.1 Cabecera común
- 3.2 Hero de donación con título y botón
- 3.3 Formulario de donación (monto, método, datos)
- 3.4 Beneficios de donar en lista
- 3.5 Testimonios de donantes
- 3.6 Footer
BLOG
- 4.1 Cabecera común
- 4.2 Lista de artículos en tarjetas con imagen, título y extracto
- 4.3 Paginación
- 4.4 Sidebar con categorías y suscripción
- 4.5 Footer
CONTACT
- 5.1 Cabecera común
- 5.2 Formulario de contacto (nombre, email, mensaje)
- 5.3 Mapa incrustado
- 5.4 Información de contacto y horarios
- 5.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
