NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CDN y JavaScript vanilla (un solo archivo) para la marca ficticia "Saber Brisa" (saberbrisa.com). La web debe replicar la estructura y estilo del template analizado, sin copiar textos ni imágenes originales.
**Alcance**
- Header fijo con logo a la izquierda, menú principal con enlaces: Inicio, Quiénes somos, Programas, Historias de impacto, Donar, Contacto. Incluir mega‑menu para Programas y Historias con sub‑enlaces. Botón destacado "Contactar" a la derecha.
- Hero sección con título grande, subtítulo y carrusel automático de 3 imágenes (usaremos placeholders). Texto del título: "Impulsamos proyectos que cambian vidas". Subtítulo: "Únete a nuestra comunidad y marca la diferencia".
- Bloque de confianza con fondo oscuro, título centrado "Co
4.183 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.183 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 Header con logo, menú y botón de contacto
- 1.2 Hero con título, subtítulo y carrusel de imágenes
- 1.3 Bloque de confianza (clientes trust us)
- 1.4 Contadores de impacto
- 1.5 Programa destacado en tarjetas
- 1.6 Testimonios en carrusel
- 1.7 CTA de donación
- 1.8 Footer con enlaces y datos legales
ABOUT US
- 1.1 Header común
- 1.2 Banner interno con título y breve descripción
- 1.3 Historia y misión en dos columnas
- 1.4 Equipo en grid de fotos
- 1.5 Valores en bloques iconográficos
- 1.6 CTA para involucrarse
- 1.7 Footer común
PROGRAMS
- 1.1 Header común
- 1.2 Lista de programas en tarjetas con imagen, título y extracto
- 1.3 Filtro por categoría
- 1.4 Botón para ver detalle del programa
- 1.5 Footer común
SUCCESS STORIES
- 1.1 Header común
- 1.2 Galería de historias con filtro por tema
- 1.3 Cada historia como tarjeta con imagen y extracto
- 1.4 Enlace a página detalle
- 1.5 Footer común
DONATE
- 1.1 Header común
- 1.2 Formulario de donación rápido (monto, método, datos personales)
- 1.3 Testimonios de donantes
- 1.4 CTA de agradecimiento
- 1.5 Footer común
CONTACT US
- 1.1 Header común
- 1.2 Mapa interactivo
- 1.3 Formulario de contacto (nombre, email, mensaje)
- 1.4 Información de contacto y redes sociales
- 1.5 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
