NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia Academia Alba (academiaalba.com), una organización sin ánimo de lucro que conecta personas y causas. Usa HTML + Tailwind CSS CDN + JavaScript vanilla en un solo archivo. Mantén la estructura y los patrones visuales del sitio analizado:
- **Paleta de colores**: #0A2640 (azul oscuro), #1E3A8A (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco), y acentos #EF4444 (rojo).
- **Tipografía**: "Inter", sans‑serif para textos y "Playfair Display" para títulos.
- **Header**: barra fija con logo a la izquierda, menú de navegación multilevel (Home, Qué hacemos, Proyectos, Causas, Todas las páginas con mega‑menu), botón destacado "Donar" a la derecha. Menú colapsable en móvil con ícono hamburguesa.
- **Hero**: sección grande con título
3.368 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.368 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 Cabecera con logo, menú multil nivel y botón "Donar"
- 2.1 Hero con título, subtítulo y carrusel de mockups
- 3.1 Sección de confianza con 6 iconos y descripciones
- 4.1 Galería de tres plantillas de home
- 5.1 Footer con enlaces, datos de contacto y CTA
ABOUT US
- 1.1 Cabecera idéntica
- 2.1 Título de página y texto descriptivo
- 3.1 Equipo / misión con imágenes
- 4.1 Footer igual que home
PROJECTS
- 1.1 Cabecera idéntica
- 2.1 Lista de proyectos destacados con tarjetas
- 3.1 Detalle de proyecto (imagen, descripción, llamado a la acción)
- 4.1 Footer
DONATE
- 1.1 Cabecera idéntica
- 2.1 Formulario de donación sencillo (monto, datos personales, botón)
- 3.1 Testimonios y motivos de apoyo
- 4.1 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
