NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático (single file) en HTML usando Tailwind CSS CDN y JavaScript vanilla que reproduzca la estructura y estilo visual del prototipo analizado, pero para la marca ficticia "Campus Duna". Utiliza la siguiente paleta de colores: #1A374D (azul profundo), #2F5D73 (azul medio), #4A8FA5 (azul claro), #A7C6ED (gris azulado), #F2F5F9 (fondo muy claro). Tipografía: encabezados con "Inter" (bold) y cuerpo con "Open Sans" (regular).
**Header**: barra superior con mensaje "JUNTOS APOYAMOS" y enlace a voluntariado, contactos (email info@campusduna.com, tel +34 123 456 789) y iconos de redes (FB, IG, TW, LI). Debajo, barra de navegación con logo (texto "Campus Duna"), enlaces Home, Sobre Nosotros, Eventos, Causas, Blog, Contacto y botón destacado "Donar ahora". Menú colapsable en m
3.751 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.751 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 y enlace a voluntariado
- 1.2 Área de contacto (email, teléfono, iconos sociales)
- 2.1 Navegación principal con logo y menú desplegable
- 2.2 Botón destacado "Donar ahora"
- 3.1 Hero con título principal, subtítulo y botones CTA
- 4.1 Animación de imágenes en carrusel doble fila
- 5.1 Presentación de causas/impactos en tarjetas
- 6.1 Enlace a sección de páginas internas
- 7.1 Footer con columnas: contacto, enlaces, redes, newsletter
ABOUT
- 1.1 Banner interno con título y breadcrumb
- 2.1 Texto institucional y misión
- 3.1 Mosaico de valores y objetivos
- 4.1 Equipo destacado en cards
- 5.1 CTA a unirse o colaborar
EVENTS
- 1.1 Cabecera de eventos con filtro por fecha
- 2.1 Lista de eventos en grid responsive
- 3.1 Detalle breve y botón "Ver más"
CASES
- 1.1 Introducción a causas con estadísticas
- 2.1 Grid de tarjetas con imágenes y descripciones
- 3.1 Botón de donación rápida por causa
DONATE
- 1.1 Formulario de donación simplificado
- 2.1 Opciones de monto y método de pago
- 3.1 Testimonios de beneficiarios
VOLUNTEERS
- 1.1 Formulario de inscripción para voluntarios
- 2.1 Lista de oportunidades disponibles
- 3.1 CTA para compartir en redes
BLOG
- 1.1 Lista de artículos con imágenes y extractos
- 2.1 Categorías y barra lateral de búsqueda
- 3.1 Paginación
CONTACT
- 1.1 Formulario de contacto básico
- 2.1 Mapa incrustado y datos de localización
- 3.1 Información de horario y canales de atención
PROMPTS RELACIONADOS · EDUCACIÓN
