NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una ONG ficticia llamada Altruia Connect usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Emula el diseño visual del template analizado: barra de navegación absoluta con logo a la izquierda, menú desplegable multi‑nivel con indicadores de flecha, botón "Donar ahora" destacado a la derecha y versión móvil con icono hamburguesa. Hero de página de inicio con fondo lleno, título grande en color primario (#163C45), subtítulo blanco, y botón principal. Debajo, sección de selector de demos con tres tarjetas horizontales que muestran miniaturas, título bajo cada miniatura y overlay al pasar el cursor. Después, bloque de métricas de performance en una cuadrícula de 2‑4 columnas con barra de progreso azul (#163C45) sobre fondo gris, mostran
3.401 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.401 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 "Donar ahora"
- 2.1 Hero principal con título destacado, subtítulo y fondo de pantalla llena
- 3.1 Selector de demos: miniaturas de tres versiones de inicio
- 4.1 Métricas de ultra performance con barras de progreso
- 5.1 Cuadro de características clave con iconos y descripciones
- 6.1 Footer con enlaces institucionales y redes sociales
ABOUT US
- 1.1 Header con navegación común
- 2.1 Imagen hero con mensaje institucional
- 3.1 Texto descriptivo de la misión y visión
- 4.1 Equipo destacado en tarjetas
- 5.1 Llamada a la acción a suscripción al boletín
CONTACT US
- 1.1 Header con navegación común
- 2.1 Formulario de contacto simple (nombre, email, mensaje)
- 3.1 Mapa incrustado
- 4.1 Información de contacto y botón "Donar ahora"
CASES
- 1.1 Header con navegación común
- 2.1 Grid de tarjetas de causas con imagen, título, breve descripción y botón "Leer más"
- 3.1 Filtro por categorías
- 4.1 Paginación simple
EVENTS
- 1.1 Header con navegación común
- 2.1 Lista de eventos con fecha, imagen, título y botón "Participar"
- 3.1 Calendario interactivo
- 4.1 Sección de patrocinadores
BLOG
- 1.1 Header con navegación común
- 2.1 Grid de artículos con imagen, título y extracto
- 3.1 Barra lateral con categorías y posts recientes
- 4.1 Paginación
FOOTER (presente en todas las páginas)
- 1.1 Logo y breve descripción
- 2.1 Enlaces rápidos (Inicio, Sobre nosotros, Proyectos, Contacto)
- 3.1 Iconos de redes sociales
- 4.1 Información legal y derechos de autor
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
Otros prompts de la misma categoría
PROMPTSin fines de lucro
Lexora Advisory
★★★★★ 2.659 descargas
GRATIS0€
PROMPTSin fines de lucro
Lexora Consultores
★★★★★ 4.391 descargas
GRATIS0€
PROMPTSin fines de lucro
Ayuda Vega
★★★★★ 2.850 descargas
GRATIS0€
PROMPTSin fines de lucro
VozColectiva
★★★★★ 506 descargas
GRATIS0€
GPT Image 2