NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una organización sin ánimo de lucro llamada Cascada Solidaria (cascadasolidaria.org) siguiendo el diseño y la estructura del sitio analizado. Usa HTML+Tailwind CDN+JS vanilla en un solo archivo. Paleta de colores: #0A3D62 (azul mar profundo), #1E8CBE (azul claro), #F4F9F9 (gris muy claro), #FFFFFF (blanco) y #E74C3C (rojo acento). Tipografía: Inter (sans) para cuerpo y Playfair Display para títulos.
Estructura:
- Header: barra fija con logo (texto "Cascada Solidaria" en color primario), menú principal (Home, Sobre nosotros, Proyectos, Donar, Blog, Contacto) con dropdown de páginas útiles, botón de contacto en esquina derecha. Menú colapsable en móvil con icono hamburger animado.
- Hero: sección a pantalla completa, título grande (display-02) "Juntos construi
3.914 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.914 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, menú principal, dropdown de páginas y botón de contacto
- 2.1 Hero principal con título, párrafo, dos botones de acción y marquee de imágenes
- 3.1 Bloque de métricas con contadores animados
- 4.1 Sección de causas con tarjetas descriptivas y botón "Conocer más"
- 5.1 Galería de proyectos destacados en grid responsivo
- 6.1 Llamado a la acción con fondo coloreado y formulario breve
- 7.1 Testimonios en carrusel automático
- 8.1 Footer con logo, enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Header reutilizado
- 2.1 Imagen de presentación y misión de la organización
- 3.1 Equipo con fotos y breves biografías
- 4.1 Valores y principios en columnas
- 5.1 Footer igual que en Home
PROJECTS
- 1.1 Header reutilizado
- 2.1 Grid de proyectos con imagen, título y breve descripción
- 3.1 Filtro por categoría
- 4.1 Pagination simple
- 5.1 Footer
DONATE
- 1.1 Header reutilizado
- 2.1 Formulario de donación (importe, método, datos personales)
- 3.1 Testimonios de beneficiarios
- 4.1 FAQ en acordeón
- 5.1 Footer
PROMPTS RELACIONADOS · EDUCATION
