NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una organización sin ánimo de lucro llamado "Educa Brisa" (dominio educabrisa.com, email hola@educabrisa.com, claim "Construimos futuro junto a la comunidad", año 2026). Usa HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único fichero. Replicar la estructura y estilo del sitio analizado:
- Paleta de colores: fondo #1A1A1A, primario #0F9D58 (verde), secundario #FFFFFF (blanco), acentos #F4B400 (amarillo) y #4285F4 (azul).
- Tipografía: Inter (sans‑serif) para títulos y cuerpo, peso 400‑600, tamaños responsivos.
- Header: barra completa con logo a la izquierda, menú horizontal (Inicio, Sobre nosotros, Programas, Historias, Blog, Donar, Contacto) y mega‑menu para "Pages" con tres columnas (Páginas principales, Empresa, Utilidades). En móvil, botón hamb
3.782 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.782 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 Encabezado con logo, menú principal y mega‑menu desplegable
- 1.2 Hero principal con tagline, título, texto descriptivo, botón CTA y bloque de contadores de impacto
- 1.3 Bloque de información adicional con iconos y texto breve
- 1.4 Sección de programas destacados en tarjetas con imágenes y botones
- 1.5 Historias de impacto con carrusel de testimonios
- 1.6 Llamado a la donación con formulario simplificado
- 1.7 Blog con lista de entradas recientes
- 1.8 Pie de página con enlaces institucionales, contactos y redes sociales
ABOUT
- 2.1 Encabezado secundario
- 2.2 Texto institucional con misión y visión
- 2.3 Equipo con fotos y breves biografías
- 2.4 Valores en bloques iconográficos
- 2.5 Footer común
PROGRAMS
- 3.1 Lista de programas con imagen, título y breve descripción
- 3.2 Filtros por categoría
- 3.3 Botón para más información de cada programa
- 3.4 Footer común
STORIES
- 4.1 Carrusel de historias de impacto con foto, nombre y relato breve
- 4.2 Enlace a detalle de cada historia
- 4.3 Footer común
BLOG
- 5.1 Lista de artículos con miniatura, título y extracto
- 5.2 Sidebar con categorías y archivo
- 5.3 Footer común
DONATE
- 6.1 Formulario de donación con monto predefinido y campo personalizado
- 6.2 Testimonios de donantes
- 6.3 Footer común
CONTACT
- 7.1 Formulario de contacto básico
- 7.2 Mapa incrustado
- 7.3 Información de contacto y redes
- 7.4 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
