NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Academia Sierra" (academiasierra.com), una organización sin ánimo de lucro. Usa HTML5 con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A2640 (azul marino), #144272 (azul medio), #F9F9F9 (gris muy claro), #E0E7FF (azul pastel), #FFFFFF (blanco). Tipografía: Inter (sans‑serif) para títulos y cuerpos, peso 400‑600.
Estructura:
- **Header** fijado, con logo a la izquierda, menú de navegación multi‑nivel (Demos, Qué hacemos, Proyectos, Causas, Todas las páginas) y botón destacado "Donar" a la derecha. En móviles, colapsar en hamburguesa que despliega el mismo menú.
- **Hero** sección completa de pantalla, fondo con vectores suaves (uso de SVGs abstractos), título grande "Solidaridad y Voluntariado" y subt
3.944 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.944 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 con logo, menú principal multi‑nivel y botón de donación
- 1.2 Hero de bienvenida con título, subtítulo y carrusel de mockups de páginas
- 1.3 Bloque de confianza con encabezado y cuadricula de iconos descriptivos
- 1.4 Sección de presentación de tres plantillas de inicio con tarjetas de imagen
- 1.5 Pie de página con enlaces institucionales, redes sociales y formulario de suscripción
ABOUT US
- 2.1 Cabecera reutilizada
- 2.2 Hero con historia y misión
- 2.3 Línea de tiempo de hitos
- 2.4 Equipo y valores
- 2.5 Pie de página reutilizado
PROJECTS
- 3.1 Cabecera reutilizada
- 3.2 Galería de proyectos con filtro
- 3.3 Detalle de proyecto destacado
- 3.4 Llamada a la acción para colaborar
- 3.5 Pie de página reutilizado
DONATE
- 4.1 Cabecera reutilizada
- 4.2 Formulario de donación rápido
- 4.3 Testimonios de beneficiarios
- 4.4 Métodos de pago y seguridad
- 4.5 Pie de página reutilizado
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
