NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "ManoSolidaria" (plataforma sin ánimo de lucro de donaciones y voluntariado) usando solo un archivo HTML que incluya Tailwind CSS desde CDN y JavaScript vanilla. La estructura debe replicar el diseño analizado:
- Header fijo con logo a la izquierda, menú horizontal (Inicio, Sobre nosotros, Contacto, Voluntarios, Blog) y botón de carrito que muestra número de artículos.
- Slider hero a pantalla completa con 3 slides. Cada slide incluye título grande en blanco, fondo oscuro con degradado, imágenes superpuestas de personas ayudando (tres imágenes alineadas), tarjeta de impacto centrada con texto descriptivo, métricas numéricas (10, 15, 20, 30, 40) y botón "Donar ahora". Flechas laterales y puntos de navegación visibles.
- Footer de tres col
3.388 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.388 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 fija con logo, menú de navegación y botón de carrito
- 1.2 Slider hero a pantalla completa con título central y fondo degradado
- 1.3 Tarjeta de impacto dentro del slide (texto, métricas, botón Donar ahora)
- 1.4 Navegación entre slides con flechas y puntos
- 1.5 Footer con columnas de enlaces, datos de contacto y redes sociales
ABOUT
- 1.1 Cabecera reutilizada
- 1.2 Bloque de presentación de la organización con imagen y texto
- 1.3 Valores y misión en tarjetas horizontales
- 1.4 Equipo con fotos y breves descripciones
- 1.5 Footer reutilizado
CONTACT
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado y datos de ubicación
- 1.4 Información de contacto rápido (teléfono, email)
- 1.5 Footer reutilizado
VOLUNTEERS
- 1.1 Cabecera reutilizada
- 1.2 Listado de oportunidades de voluntariado con tarjetas
- 1.3 Botón de inscripción en cada tarjeta
- 1.4 Testimonios de voluntarios en carrusel
- 1.5 Footer reutilizado
BLOG
- 1.1 Cabecera reutilizada
- 1.2 Grid de artículos con imagen, título y extracto
- 1.3 Paginación inferior
- 1.5 Footer reutilizado
PROMPTS RELACIONADOS · EDUCATION
