NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Altruísta (altruista.org) siguiendo el modelo visual de la plantilla analizada. Usa HTML5, TailwindCSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #1A3E5D (azul oscuro), #2E8BC0 (azul medio), #A3D9FF (azul claro), #F5F5F5 (gris muy claro), #FFFFFF (blanco). Tipografía: fuente principal "Inter" (Google Fonts) para textos y "Merriweather" para encabezados.
Estructura:
- HEADER fijo con logo (svg placeholder), menú de navegación con dropdowns (Demos, All Pages) y botón "Contacta" en estilo primary (bg-[#2E8BC0] text-white).
- HERO ocupa pantalla completa, fondo degradado azul oscuro → azul medio, título grande (h1) con clase "text-5xl md:text-6xl font-bold text-white", subtítulo (p) bajo el título y botón CTA "Desc
3.860 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.860 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 de navegación fija con logo, menú desplegable y botón de contacto
- 1.2 Hero de página principal con título grande, subtítulo y captura de pantallas simuladas
- 1.3 Sección de confianza con título, descripción y fondo coloreado
- 1.4 Galería de causas o proyectos con tarjetas y efectos hover
- 1.5 Llamado a la acción destacado con botón principal
- 1.6 Testimonios en carrusel sencillo
- 1.7 Formulario de suscripción rápido
- 1.8 Pie de página con enlaces institucionales, redes sociales y datos de contacto
ABOUT US
- 2.1 Encabezado de página con título y foto institucional
- 2.2 Texto descriptivo de la misión y visión
- 2.3 Equipo destacado con tarjetas de perfil
- 2.4 Valores en lista de íconos
- 2.5 Botón de volver al inicio
PROGRAMS
- 3.1 Lista de programas con tarjetas de imagen, título y breve descripción
- 3.2 Filtro por categorías
- 3.3 Botón para solicitar información
SUCCESS STORIES
- 4.1 Grid de historias de éxito con imágenes y extractos
- 4.2 Enlace a detalle de cada historia
EVENTS
- 5.1 Calendario sencillo con eventos próximos
- 5.2 Tarjetas de evento con fecha, ubicación y botón de registro
BLOG
- 6.1 Lista de artículos con miniatura, título y resumen
- 6.2 Sidebar con categorías y archivo
CONTACT US
- 7.1 Formulario de contacto completo (nombre, email, mensaje)
- 7.2 Mapa incrustado y datos de oficina
- 7.3 Botones de redes sociales
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image