NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **AltruNova**, una organización sin ánimo de lucro que conecta iniciativas y recursos para generar impacto sostenible. Utiliza **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Emplea la siguiente paleta de colores y tipografía:
- **Colores**: #1A3E5D (azul profundo), #2C5F8A (azul medio), #4A90E2 (azul brillante), #F5F7FA (gris muy claro), #FFFFFF (blanco), #E53935 (rojo llamativo para botones).
- **Tipografía**: `Inter` para títulos y `Roboto` para cuerpo de texto, ambas importadas desde Google Fonts.
### Estructura y bloques
1. **Header** (fixed, bg‑white, sombra ligera) con logo a la izquierda, menú de navegación con dropdowns para "Programas", "Historias", "Sobre nosotros" y botón primario "Contactar" a la
4.030 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.030 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ú desplegable y botón de contacto
- 1.2 Hero principal con título, subtítulo y botones
- 1.3 Sección de confianza con título y texto descriptivo
- 1.4 Galería de programas con tarjetas clicables
- 1.5 Área de testimonios con carrusel simple
- 1.6 Llamada a la donación con botón destacado
- 1.7 Formulario de suscripción o contacto rápido
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT US
- 2.1 Encabezado interno con breadcrumb
- 2.2 Texto institucional sobre la misión y visión
- 2.3 Equipo con fotos y breves biografías
- 2.4 Footer
PROGRAMS
- 3.1 Lista de programas en tarjetas con imagen, título y breve descripción
- 3.2 Filtro por categorías
- 3.3 Footer
SUCCESS STORIES
- 4.1 Galería de casos de éxito con imágenes y resumen
- 4.2 Enlaces a detalle de cada historia
- 4.3 Footer
DONATE
- 5.1 Título y mensaje motivador
- 5.2 Opciones de donación (montos predefinidos y personalizado)
- 5.3 Formulario de pago simulado
- 5.4 Footer
BLOG
- 6.1 Listado de entradas con imagen, título, extracto y botón leer más
- 6.2 Sidebar con categorías y últimos posts
- 6.3 Footer
CONTACT US
- 7.1 Formulario de contacto completo (nombre, email, asunto, mensaje)
- 7.2 Mapa incrustado
- 7.3 Información de contacto y redes
- 7.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
