NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La marca ficticia es **AlzaSolidaria**, una ONG que lucha contra la pobreza. Replicar el diseño visual y la estructura del sitio analizado, sin copiar textos ni imágenes originales.
**Paleta de colores** (extraída del original):
- Primario: #1E3A8A (azul profundo)
- Secundario: #F59E0B (ámbar)
- Fondo claro: #F9FAFB (gris muy claro)
- Fondo oscuro: #1F2937 (gris carbón)
- Texto principal: #111827 (casi negro)
- Texto sobre fondo claro: #374151 (gris medio)
**Tipografía**: Utilizar Inter (Google Font) para todo el texto, pesos 400 y 600.
**Header**: barra superior fija, logo a la izquierda (SVG placeholder), menú de navegación centrado con enlaces Home, About, Causes, Blog, Contact y un
4.721 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.721 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ú desplegable y botón de acción
- 1.2 Hero con título principal, subtítulo, estadística destacada y botón de reproducción de video
- 1.3 Bloque "Nuestra misión" con título destacado y cuatro tarjetas de programa (Familia, Alimentación, Vivienda, Salud)
- 1.4 Galería de causas recientes con tarjetas de proyecto, descripción, meta y fondos recaudados
- 1.5 Sección informativa con texto y bloque de imagen alternada (texto‑imagen, imagen‑texto)
- 1.6 Llamada a la acción final y enlaces de redes sociales en el pie
ABOUT
- 2.1 Página institucional con mensaje ampliado de la misión y valores
- 2.2 Detalle de programas y equipo
CASES
- 3.1 Listado de causas con filtros y tarjetas similares a la sección de la home
CONTACT
- 4.1 Formulario de contacto simple y mapa incrustado
BLOG
- 5.1 Lista de artículos con imágenes, titulares y extractos
LEGAL
- 6.1 Información legal y política de privacidad
PROMPTS RELACIONADOS · BIENES RAÍCES
