NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática completa (HTML único) para la marca ficticia Taller Andina, una ONG sin fines de lucro. Utiliza únicamente Tailwind CSS vía CDN y JavaScript vanilla en línea. Reproduce el diseño visual y la estructura del sitio analizado: barra superior con mensaje de convocatoria y teléfono, navbar con logo, enlaces Home, About, Donation, Pages (mega‑menu con sub‑enlaces), Blog y Contact, y un pequeño CTA en la esquina derecha. Incluye un hero con vídeo de fondo (placeholder MP4/WebM) y texto motivador "Impulsemos el cambio juntos". debajo, una sección CTA grande con botón "Únete ahora". Añade una cuadrícula de tarjetas de blog (título, extracto, imagen placeholder). Footer con iconos de Facebook, LinkedIn, Instagram y X, crédito "Diseñado por Taller Andina", y enlace a polít
3.232 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.232 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 con mensaje de convocatoria y número de contacto
- 1.2 Navbar principal con logo, enlaces principales y mega‑menu con enlaces internos
- 1.3 Hero con vídeo de fondo y mensaje motivador
- 1.4 CTA centralizado para activar suscripción a plantillas/recursos
- 1.5 Bloque de enlaces a categorías del blog
- 1.6 Footer con iconos sociales, créditos y enlace a política de privacidad
ABOUT
- 2.1 Encabezado interno con título y breadcrumb
- 2.2 Texto descriptivo de la organización y su misión
- 2.3 Imagen ilustrativa o vídeo testimonial
- 2.4 CTA para unirse al voluntariado
- 2.5 Footer reutilizado
DONATION
- 3.1 Encabezado interno con título
- 3.2 Formulario sencillo de donación (monto, método, datos personales)
- 3.3 Testimonios en carrusel
- 3.4 CTA de agradecimiento
- 3.5 Footer reutilizado
BLOG
- 4.1 Lista de tarjetas de artículos con imagen, título y extracto
- 4.2 Paginación simple o carga infinita
- 4.3 Sidebar con categorías y últimos posts
- 4.4 Footer reutilizado
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa incrustado con ubicación
- 5.3 Información de contacto y horarios
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · MISCELÁNEO
