NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear un sitio web para la marca ficticia "Manos Solidarias" (manosolidarias.org), ONG sin ánimo de lucro que conecta a personas para generar impacto real. El proyecto debe ser un único archivo HTML que incluya Tailwind CSS mediante CDN y JavaScript vanilla (sin bundlers). Utilizar la paleta de colores: #1A4331 (verde bosque), #2E7D32 (verde medio), #F4F4F4 (gris claro), #FFFFFF (blanco), #000000 (negro). Tipografía principal: "Inter", sans‑serif; títulos con peso 700, cuerpo 400.
Estructura:
- **Top bar**: fondo blanco, texto negro pequeño con mensaje "Únete a nuestro movimiento — " y enlace verde "Inscríbete"; a la derecha número de teléfono.
- **Header / Navbar**: logo a la izquierda (placeholder), menú principal con enlaces: Home, About, Donation, Pages (mega‑menu), Blog (dropdown),
3.935 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.935 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 y número de contacto
- 1.2 Header con logo, menú principal y mega‑menú
- 1.3 Hero con video de fondo y CTA principal
- 1.4 Bloque de presentación y botón de acción
- 1.5 Contador de métricas clave
- 1.6 Testimonios o recursos destacados
- 1.7 Últimas entradas del blog
- 1.8 Footer con redes sociales y créditos
ABOUT
- 2.1 Header igual que Home
- 2.2 Sección de historia y misión
- 2.3 Equipo con fotos y breves bios
- 2.4 CTA para unirse al voluntariado
- 2.5 Footer
DONATION
- 3.1 Header
- 3.2 Formulario de donación con opciones de monto
- 3.3 Testimonios de beneficiarios
- 3.4 CTA de suscripción a newsletter
- 3.5 Footer
BLOG
- 4.1 Header
- 4.2 Lista de artículos con imagen destacada y extracto
- 4.3 Paginación
- 4.4 Sidebar con categorías y últimos posts
- 4.5 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto (nombre, email, mensaje)
- 5.3 Mapa incrustado con ubicación
- 5.4 Información de contacto adicional
- 5.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
