NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Fundacion Zenit" (fundacionzenit.com), sector ONG sin fines de lucro, usando solo HTML, Tailwind CDN y JavaScript puro en un único archivo. Mantén la estructura y patrones visuales del sitio analizado: barra superior con mensaje de voluntariado, email, teléfono y iconos sociales; navegación principal con logo SVG, enlaces Home, Sobre Nosotros, Eventos, Proyectos, un dropdown "Páginas" con enlaces a Recaudar, Donar, Voluntarios, Blog y contacto, y un botón destacado "Donar ahora" en color #E63946. Hero central con título grande (font "Inter", weight 800, color #1A1A1A), subtítulo (font "Inter", 400, #4A4A4A) y dos botones (primario #E63946, secundario #FFFFFF con borde #E63946). Debajo, una sección de animación de imágenes en carrusel dual que s
3.647 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.647 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 llamado a voluntariado, email y teléfono, íconos sociales
- 1.2 Navegación principal con logo, enlaces de página y botón destacado "Donar ahora"
- 1.3 Hero principal con título, subtítulo y botones de acción
- 1.4 Animación de imágenes en carrusel dual (superior e inferior)
- 1.5 Bloque de presentación de causas o proyectos
- 1.6 Pie de página con enlaces institucionales, formulario de suscripción y redes sociales
ABOUT
- 2.1 Cabecera interna con título de página y breadcrumb
- 2.2 Texto descriptivo sobre la organización y su misión
- 2.3 Galería de fotos o videos institucionales
- 2.4 Equipo destacado con fotos y breves biografías
- 2.5 Llamado a la acción para colaborar o donar
EVENTS
- 3.1 Lista de eventos próximos con tarjetas de imagen, fecha y resumen
- 3.2 Filtro por tipo de evento
- 3.3 Botón para inscribirse o participar
CAUSES
- 4.1 Grid de causas activas con progreso de recaudación y botón "Apoyar"
- 4.2 Detalle de cada causa al hacer clic
DONATION
- 5.1 Formulario de donación rápido con importe predefinido y método de pago
- 5.2 Testimonios de donantes
- 5.3 Seguridad y certificaciones
VOLUNTEERS
- 6.1 Formulario de registro de voluntarios
- 6.2 Listado de oportunidades de voluntariado
BLOG
- 7.1 Lista de artículos con imagen destacada, título y extracto
- 7.2 Categorías y barra de búsqueda
CONTACT
- 8.1 Formulario de contacto con campos nombre, email, mensaje
- 8.2 Mapa integrado de ubicación
- 8.3 Información de contacto completa
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
