
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia AltruismoVivo, organización sin ánimo de lucro de ayuda humanitaria. Utiliza HTML único con Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). Reproduce la estructura y estilo del sitio original sin copiar textos ni imágenes.
- Paleta de colores: fondo #0F172A (azul muy oscuro), bloques #1E293B, acentos #3B82F6 (azul primario), #10B981 (verde secundario), textos #F1F5F9 (blanco suave) y #94A3B8 (gris claro).
- Tipografía: "Inter", sans‑serif para todo, tamaños de 1rem a 2.5rem según jerarquía.
- Header: barra superior con email (hola@altruismovivo.org), teléfono +34 600 123 456 y enlaces a Facebook, Instagram y X. Navegación central con logo textual "AltruismoVivo", enlaces Home, Causas, Voluntarios, Eventos, Blog, Contacto y
3.906 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.906 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 Barra superior con email, teléfono y redes sociales
- 1.2 Navegación principal con logo, enlaces y botón de donación
- 1.3 Hero con imagen de fondo, título destacado y llamado a la acción
- 1.4 Bloque sobre la organización con imagen, texto y contadores de impacto
- 1.5 CTA de donación con avatares y mensaje motivador
- 1.6 Slider de formas de colaborar
- 1.7 Pie de página con enlaces y datos de contacto
CAUSAS
- 1.1 Lista de causas con tarjetas, imagen, breve descripción y botón "Apoyar"
VOLUNTARIOS
- 1.1 Sección de testimonios, formulario de inscripción y beneficios
EVENTOS
- 1.1 Calendario de eventos, tarjetas con fecha, imagen y enlace a detalle
BLOG
- 1.1 listado de artículos con imagen, título, extracto y fecha
CONTACTO
- 1.1 Formulario de contacto, mapa incrustado y datos de oficina
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
