NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Soft Andina" (softandina.com), una fundación sin ánimo de lucro que combate el hambre. Usa solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Incluye la paleta de colores: #1A3C40 (azul oscuro), #2E7D32 (verde profundo), #F4F1DE (beige claro), #D9B44A (amarillo dorado), #FFFFFF (blanco). Tipografía: Inter para textos y Roboto Slab para encabezados, ambas cargadas desde Google Fonts.
Estructura y requisitos:
- **Header**: barra de navegación fija, logo a la izquierda, menú centrado con enlaces Home, Sobre Nosotros, Programas, Historias, Blog, Contacto y un botón destacado "Donar ahora" en color amarillo. Menú colapsable en mobile.
- **Hero**: sección a pantalla completa, fondo con imagen difuminada, título grande (h1)
3.756 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.756 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ú y botón "Donar ahora".
- 2.1 Hero con título, resumen y botón "Explorar causas".
- 3.1 Cuadrícula de causas principales.
- 4.1 Indicadores numéricos (contadores).
- 5.1 Testimonios en carrusel.
- 6.1 Blog reciente en tarjetas.
- 7.1 Suscripción al boletín.
- 8.1 Footer institucional.
ABOUT US
- 1.1 Historia y misión.
- 2.1 Equipo con fotos y breves bios.
- 3.1 Valores y áreas de acción.
SERVICES
- 1.1 Lista de programas y servicios con iconografía.
- 2.1 Botones de acción para más información.
CASES
- 1.1 Galería de causas con filtros.
- 2.1 Detalle individual de causa (imagen, descripción, metas, botón "Donar").
VOLUNTEER
- 1.1 Formulario de registro de voluntarios.
- 2.1 Beneficios y procesos de voluntariado.
BLOG
- 1.1 Lista de artículos con imágenes, títulos y extractos.
- 2.1 Paginación.
BLOG DETAILS
- 1.1 Artículo completo con contenido, autor y comentarios.
CONTACT
- 1.1 Formulario de contacto.
- 2.1 Mapa interactivo y datos de la oficina.
DONATE
- 1.1 Formulario de donación con opciones de monto y método de pago.
- 2.1 Testimonios de donantes.
FAQ
- 1.1 Preguntas frecuentes en acordeón.
- 2.1 Enlace a soporte adicional.
PROMPTS RELACIONADOS · TECNOLOGÍA