NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Fundacion Alba (dominio fundacionalba.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El sitio debe reflejar la siguiente estructura y estilo:
**Paleta de colores**: #1A374D (azul noche), #2F5D8A (azul mediano), #F2C94C (amarillo vibrante), #F5F5F5 (gris claro), #000000 (negro para textos).
**Tipografía**: "Inter" para títulos y cuerpo, peso 400‑700, tamaños responsivos.
**Header (navbar)**: barra fija con logo SVG a la izquierda, enlaces de navegación (Programas, Proyectos, Sobre nosotros, Blog, Involúcrate) y dos botones a la derecha (teléfono con icono y "Donar" en fondo amarillo). Menú colapsable en móvil.
**Sección 1 – Hero**: contenedor centrado, título grande (display‑1) con frase resaltada
4.157 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.157 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 con logo, enlaces (Programas, Proyectos, Sobre nosotros, Blog, Involúcrate) y botones (Teléfono, Donar)
- 1.2 Hero con título principal, frase resaltada, párrafo descriptivo y botón "Involúcrate"
- 1.3 Slider de testimonios: tarjetas con fondo de foto, overlay negro 20%, etiqueta de ubicación, texto testimonial y nombre del autor
- 1.4 Footer con logo, breve descripción, enlaces institucionales, redes sociales y datos de contacto
PROYECTOS
- 2.1 Cabecera de página con título y descripción breve
- 2.2 Grid de proyectos: tarjetas con imagen, overlay y botón "Leer más"
BLOG
- 3.1 Lista de artículos: imagen destacada, título, extracto y botón "Continuar leyendo"
SOBRE NOSOTROS
- 4.1 Historia y misión con bloques de texto e imagen
- 4.2 Equipo con fotos y breves biografías
INVOLÚCRATE
- 5.1 Formulario de contacto simple: nombre, email, mensaje y botón "Enviar"
- 5.2 Información de voluntariado y donación
CONTACTO
- 6.1 Mapa embebido y formulario de contacto rápido
- 6.2 Datos de ubicación y teléfono
PROMPTS RELACIONADOS · NONPROFIT
