NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia LunaSolidaria, una plataforma de donaciones y acciones solidarias, usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente los patrones de UI, colores y tipografías del sitio analizado, sin copiar textos ni imágenes originales.
**Alcance**
- Navegación fija en la parte superior con logo (placeholder), enlaces Home, Sobre Nosotros, Zakat, Eventos, Blog, Contacto y un botón carrito que abre un modal mostrando la lista de donaciones.
- Hero section con fondo degradado, título grande, subtítulo y botón CTA.
- Bloques informativos con iconos (usar Heroicons) y texto explicativo.
- Grid de 3 columnas mostrando causas destacadas (imagen placeholder, título, breve descripción y botón "Donar").
- Ca
4.384 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.384 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 fija con logo, enlaces principales y carrito modal
- 1.2 Hero con imagen de fondo y llamado a la acción
- 1.3 Bloque informativo con iconos de beneficio
- 1.4 Sección de causas destacadas en grid
- 1.5 Testimonios en carrusel
- 1.6 Blog resumen con artículos recientes
- 1.7 Footer con enlaces institucionales y redes sociales
ABOUT
- 2.1 Cabecera con título y subtítulo
- 2.2 Historia de la organización en dos columnas
- 2.3 Equipo con foto y breve bio
- 2.4 Valores en tarjetas con iconos
- 2.5 CTA a participar
- 2.6 Footer idéntico al de Home
ZAKAT
- 3.1 Introducción a la Zakat y su importancia
- 3.2 Guía paso a paso para donar
- 3.3 Calculadora simple de monto
- 3.4 Listado de proyectos beneficiados
- 3.5 Preguntas frecuentes accordion
- 3.6 Footer
EVENTS
- 4.1 Calendario de eventos próximos
- 4.2 Tarjetas de evento con imagen, fecha y registro
- 4.3 Sección destacada de evento principal
- 4.4 Galería de fotos de eventos pasados
- 4.5 Formulario de inscripción rápida
- 4.6 Footer
BLOG
- 5.1 Lista de artículos con imágenes, resumen y tags
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Paginación inferior
- 5.4 Footer
CONTACT
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa incrustado y datos de ubicación
- 6.3 Información de soporte y redes
- 6.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
