NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Diseña la web completa de **Escuela Nimbo**, una organización sin ánimo de lucro enfocada en agua, educación y desarrollo comunitario. Usa **HTML** con **Tailwind CSS (CDN)** y **JavaScript vanilla** en un solo archivo. Incluye:
- **Paleta de colores**: #00695C (verde oscuro), #00897B (verde medio), #80CBC4 (verde claro), #FFFFFF (blanco), #F5F5F5 (gris muy claro).
- **Tipografía**: "Inter", sans-serif para todo el texto; encabezados con peso 700, cuerpo con 400.
- **Header** fijado: logo textual "Escuela Nimbo" (primario en #00897B), menú horizontal (Home, Programa, Proyectos, Recursos, Voluntariado, Donar, Contacto), botón destacado "Contacto" con fondo #00695C y hover #00897B. Menú collapsible en móvil con ícono hamburger (SVG simple) y animación de apertura.
- **Hero**: sección ful
3.848 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.848 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 principales y botón de contacto
- 1.2 Hero principal con título grande, texto introductorio y dos botones de acción
- 1.3 Carrusel de imágenes estilo marquee bajo el hero
- 1.4 Bloque de métricas destacadas (números de proyectos, beneficiarios, voluntarios)
- 1.5 Sección de valores con iconos y breves descripciones
- 1.6 Testimonios en tarjetas horizontales
- 1.7 Llamado a la donación con formulario breve
- 1.8 Pie de página con enlaces institucionales, redes sociales y datos de contacto
SOLUCIONES
- 2.1 Encabezado interno con título y párrafo descriptivo
- 2.2 Lista de programas con tarjetas compactas y botón "Saber más"
- 2.3 Imagen destacada a la izquierda del texto
- 2.4 CTA secundario para colaboración
PROYECTOS
- 3.1 Galería de proyectos con filtro por categoría
- 3.2 Cada proyecto en tarjeta con imagen, título, breve descripción y enlace
- 3.3 Botón de carga más al final
RECURSOS
- 4.1 Sección de artículos y guías con tarjetas de contenido
- 4.2 Sidebar con enlaces a documentos y descargas
- 4.3 Botón para suscribirse al boletín
VOLUNTARIADO
- 5.1 Formulario de inscripción rápido (nombre, email, área de interés)
- 5.2 Lista de oportunidades abiertas en tarjetas
- 5.3 Botón para postularse
DONAR
- 6.1 Formulario de donación sencilla (importe, método, datos de pago ficticio)
- 6.2 Testimonios de donantes
- 6.3 CTA a compartir en redes
CONTACTO
- 7.1 Formulario de contacto completo (nombre, email, asunto, mensaje)
- 7.2 Mapa incrustado y datos de oficina
- 7.3 Enlaces rápidos a FAQ y política de privacidad
PROMPTS RELACIONADOS · EDUCACIÓN
