NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Impacto Solidario" (impactosolidario.org), una organización sin ánimo de lucro. Utiliza solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura visual del template analizado:
- Paleta de colores: #1A1A1A (fondo principal), #F9C74F (amarillo acento), #FFFFFF (texto), #E0E0E0 (gris claro) y #4A4A4A (texto secundario).
- Tipografía: "Inter" para títulos y "Source Sans Pro" para cuerpo, cargadas desde Google Fonts.
- Header: barra superior con mensaje de agradecimiento, logo a la izquierda, menú de navegación (Inicio, Sobre nosotros, Programas, Noticias, Donar, Contacto) y botón destacado "Donar ahora" en amarillo con ícono de flecha. Menú colapsable en móvil con hamburguesa.
-
4.282 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.282 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 de agradecimiento
- 1.2 Header con logo, menú y botón "Donar ahora"
- 1.3 Hero: titular, subtítulo, botón "Únete", métricas (voluntarios, fondos)
- 1.4 Imagen del hero con patrón decorativo
- 1.5 Bloque "Quiénes somos": fotos laterales, título, párrafo, botón "Sobre nosotros"
- 1.6 Estadísticas clave (voluntarios, fondos, países)
- 1.7 Programa: galería de tarjetas de causa con imagen, título, barra de recaudación, categoría y botón "Ver programa"
ABOUT
- 2.1 Header heredado
- 2.2 Imagen principal y texto descriptivo
- 2.3 Botón de llamado a la acción
- 2.4 Estadísticas resumidas dentro de la página
CASES
- 3.1 Lista de causas con tarjetas similares a la home
- 3.2 Filtros de categoría (opcional) y paginación
DONATE
- 4.1 Formulario de donación sencillo con campos básicos
- 4.2 Botón de envío y mensaje de agradecimiento
CONTACT
- 5.1 Formulario de contacto con nombre, email, mensaje
- 5.2 Información de contacto y mapa integrado
FOOTER
- 6.1 Enlaces rápidos, redes sociales y aviso legal
PROMPTS RELACIONADOS · BEAUTY / SPA
