NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la ONG ficticia **Tech Andina** siguiendo los siguientes lineamientos:
- **Stack**: HTML5 + Tailwind CSS (CDN) + JavaScript vanilla en un único archivo. No usar frameworks externos ni dependencias adicionales.
- **Paleta de colores**: #2C3E50 (azul marino), #1ABC9C (turquesa), #ECF0F1 (gris claro), #FFFFFF (blanco), #7F8C8D (gris medio).
- **Tipografía**: "Inter" para encabezados y textos, peso 400‑700, importada desde Google Fonts.
- **Header**: barra fija, logo a la izquierda, enlaces (Inicio, Sobre Nosotros, Programas, Donar, Blog, Contacto) con megamenú bajo “Programas” que muestra una imagen representativa y enlaces a Programas, Detalles y Donaciones. Botón destacado a la derecha “¡Únete!”. Menú responsive con hamburguesa.
- **Footer**: fondo #2C3E50,
4.326 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.326 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, enlaces principales y megamenú
- 1.2 Hero con título grande, subtítulo animado y botón principal
- 1.3 Sección de misión con dos columnas de texto e imagen
- 1.4 Contadores estadísticos animados en cuatro columnas
- 1.5 Galería de proyectos con tarjetas hover
- 1.6 Llamado a la acción para donaciones con formulario breve
- 1.7 Testimonios en carrusel horizontal
- 1.8 Pie de página con enlaces, datos de contacto y redes sociales
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Historia de la organización con imagen y texto
- 2.3 Valores en tarjetas coloridas
- 2.4 Equipo con fotos y cargos
- 2.5 Footer compartido
PROGRAMS
- 3.1 Lista de programas en tarjetas con imagen, título y breve descripción
- 3.2 Filtros por categoría
- 3.3 Botón “Ver más” en cada tarjeta
- 3.4 Footer compartido
DONATE
- 4.1 Formulario de donación con campos de importe, frecuencia y método de pago
- 4.2 Historias de impacto relacionadas
- 4.3 Botón de donación instantánea
- 4.4 Footer compartido
BLOG
- 5.1 Grid de artículos con imágenes, títulos y extractos
- 5.2 Barra lateral con categorías y últimos posts
- 5.3 Paginación
- 5.4 Footer compartido
CONTACT US
- 6.1 Formulario de contacto con nombre, email, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de contacto y horarios
- 6.4 Footer compartido
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