NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia AltruMisión (altrumision.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe replicar el diseño estructural de un sitio sin fines de lucro con barra de navegación, slider hero de tres diapositivas, card de estadísticas, grid de proyectos destacados y footer.
**Paleta de colores**: #0D3B66 (azul oscuro), #FAF0CA (beige claro), #F4D35E (amarillo dorado), #EE964B (naranja suave), #F95738 (rojo coral) y blanco puro #FFFFFF.
**Tipografía**:
- Títulos: 'Montserrat', sans-serif, weight 700.
- Texto general: 'Inter', sans-serif, weight 400.
**Header**: barra fija con fondo #0D3B66, logo (texto "AltruMisión" en Montserrat, color #FAF0CA). Enlaces: Home, Sobre nosotros, Contacto, Voluntarios, Blog. Botó
4.177 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.177 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 Navbar con logo, enlaces y botón de donación
- 1.2 Slider hero de 3 slides, título principal y subtítulo
- 1.3 Card de estadísticas dentro del slider
- 1.4 Grid de proyectos destacados
- 1.5 Footer con información institucional
ABOUT
- 2.1 Encabezado con título y párrafo descriptivo
- 2.2 Imagen ilustrativa
- 2.3 Valores y misión en columnas
- 2.4 Footer
CONTACT
- 3.1 Formulario de contacto con campos nombre, email, mensaje
- 3.2 Mapa integrado
- 3.3 Información de contacto rápido
VOLUNTEERS
- 4.1 Listado de oportunidades de voluntariado en tarjetas
- 4.2 Botón para aplicar
- 4.3 Footer
BLOG
- 5.1 Lista de artículos con imagen, título y extracto
- 5.2 Paginación
- 5.3 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 27/06/2026
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
