NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño analizado para la marca ficticia **Alianza Futuro** (dominio alianzafuturo.org). Usa **HTML** y **Tailwind CSS vía CDN** en un solo archivo, con interactividad mínima en **JavaScript vanilla** (menú móvil, contadores animados y envío de formularios simulados).
**Paleta de colores**:
- #0F172A (azul marino profundo) – fondo principal y encabezado
- #1E3A8A (azul real) – botones primarios y enlaces
- #FBBF24 (amarillo oro) – acentos y hover
- #F3F4F6 (gris claro) – backgrounds de secciones
- #FFFFFF – textos y elementos sobre fondos oscuros
**Tipografía**: `Inter` para todo el sitio (carga desde Google Fonts). Titulares en peso 800, cuerpo en 400.
**Estructura**:
1. **Header**
- Barra superior con dirección (`69 San Francisco St, Los
4.363 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.363 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 dirección y iconos sociales
- 1.2 Navegación principal con logo, mega‑menu y botones de login / donar
- 1.3 Hero con título, subtítulo, botones CTA y visual de impacto con contadores
- 1.4 Sección de suscripción al boletín con formulario
- 1.5 Bloque “Sobre nosotros” con título destacado, texto y galería de imágenes
- 1.6 Bloque de características con título, subtítulo y tarjetas informativas
- 1.7 Footer con información de contacto, enlaces útiles y redes sociales
ABOUT US
- 2.1 Encabezado de sección con título y descripción
- 2.2 Imagen principal a la izquierda y texto descriptivo a la derecha
- 2.3 Galería de imágenes complementarias
EVENTS
- 3.1 Lista tipo grid de próximos eventos con imagen, fecha y breve descripción
- 3.2 Botón para ver más detalles
BLOG
- 4.1 Tarjetas de artículos recientes con imagen, título y extracto
- 4.2 Enlace a la página completa del blog
DONATE
- 5.1 Formulario de donación rápida con importe sugerido y campos de pago
- 5.2 Testimonios de donantes
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Información de localización y mapa integrado
FAQ
- 7.1 Preguntas frecuentes en formato acordeón
LEGAL
- 8.1 Enlaces a política de privacidad, términos y condiciones
PROMPTS RELACIONADOS · EDUCATION
