NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia CorazónSolidario, una fundación sin ánimo de lucro que apoya a la infancia vulnerable. Usa solo HTML en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas) para interacciones básicas (menú móvil y desplazamiento suave). Mantén la siguiente estructura y estilo basados en el diseño analizado:
---
**Paleta de colores**
- #1A202C (gris oscuro, fondo principal)
- #F7FAFC (gris muy claro, fondos secundarios)
- #F56565 (rojo coral, acentos y botones primarios)
- #ED64A6 (rosa suave, acentos secundarios)
- #2D3748 (texto principal)
- #A0AEC0 (texto secundario)
---
**Tipografía**
- Fuente principal: "Inter", sans-serif
- Títulos: peso 700, tamaños adaptativos (h1 3rem, h2 2.25rem, h3 1.75rem)
- Texto normal: peso
4.826 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.826 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 Header con logo, menú y botón Donar ahora
- 1.2 Hero con video de fondo, título, subtítulo y CTA
- 1.3 Sección Quiénes somos (etiqueta, título, galería, texto y botón)
- 1.4 Sección Nuestro programa (etiqueta, título, descripción, grid de tarjetas)
- 1.5 Footer con enlaces, contacto y redes
QUIENES SOMOS
- 2.1 Header reutilizado
- 2.2 Título de página y contenido descriptivo
- 2.3 Galería de imágenes
- 2.4 Botón volver a inicio
NUESTRO PROGRAMA
- 3.1 Header reutilizado
- 3.2 Título y descripción de la sección
- 3.3 Grid de tarjetas de programa (imagen, nombre, descripción, botón ver programa)
- 3.4 Footer reutilizado
BLOG
- 4.1 Header reutilizado
- 4.2 Lista de artículos (imagen miniatura, título, extracto, enlace)
- 4.3 Paginación
- 4.4 Footer reutilizado
CONTACTO
- 5.1 Header reutilizado
- 5.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.3 Información de contacto y mapa embebido
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · EDUCATION
