NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática completa (HTML+Tailwind CDN+JS vanilla en un solo archivo) para la marca ficticia Altruéa Solidaria, una organización sin ánimo de lucro. Reproduce fielmente la estructura visual del sitio analizado:
- **Paleta de colores**: #0A2740 (azul nocturno), #FFFFFF (blanco), #F5F5F5 (gris claro), #E63946 (rojo acento), #1E3A8A (azul primario).
- **Tipografía**: encabezados con 'Montserrat', cuerpo con 'Inter', ambas importadas desde Google Fonts.
- **Header**: barra con logo a la izquierda, menú de navegación (Home, Quiénes somos, Programas, Blog, Páginas > submenú con Home, Programa, Blog, Campañas, Voluntariado, Donación, FAQ, Contacto, Guía de estilo, Licencias, Cambios) y botón destacado "Donar ahora" con estilo oscuro y borde blanco. Menú colapsable en móvil co
4.081 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.081 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 Header con logo, menú y botón de donación
- 2.1 Hero con título, texto, fondo visual y botón de video
- 3.1 Bloque "Quiénes somos" con subtítulo y botón de más información
- 4.1 Lista de 5 items numerados de acción/valor
- 5.1 Carrusel de campañas activas (tarjeta con imagen, título, descripción)
- 6.1 Footer con enlaces, redes y contacto
ABOUT
- 1.1 Header reutilizado
- 2.1 Hero secundario con imagen y texto institucional
- 3.1 Historia y equipo en columnas
- 4.1 Testimonios en slider
- 5.1 Footer
PROGRAMS
- 1.1 Header
- 2.1 Grid de programas con tarjetas
- 3.1 Detalle de programa seleccionado
- 4.1 CTA de participación
- 5.1 Footer
CAMPAIGNS
- 1.1 Header
- 2.1 Lista filtrable de campañas en cuadrícula
- 3.1 Detalle de campaña con galería y botón de donación
- 4.1 Footer
BLOG
- 1.1 Header
- 2.1 Lista de artículos en formato tarjeta
- 3.1 Sidebar con categorías y últimos posts
- 4.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto con campos básicos
- 3.1 Mapa incrustado y datos de oficina
- 4.1 Footer
PROMPTS RELACIONADOS · BEAUTY / SPA
