NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la ONG ficticia "Tech Austral" usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. La página debe reproducir el diseño analizado:
- **Paleta de colores**: #1A202C (gris oscuro para texto y fondo), #F7FAFC (blanco suave), #E53E3E (rojo vibrante para botones y acentos), #2B6CB0 (azul profundo para enlaces).
- **Tipografía**: "Inter" para encabezados y cuerpo, pesos 400 y 700, importada desde Google Fonts.
- **Header**: barra fija con logo a la izquierda, menú principal (Home, Sobre Nosotros, Causas, Voluntariado, Blog, Contacto) y botón destacado "Donar ahora" en rojo. Menú responsivo con hamburguesa que despliega overlay.
- **Hero**: sección a pantalla completa con animación tipo "typewriter" que muestra palabras "Juntos
3.792 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.792 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 Encabezado con logo, menú principal y botón "Donar ahora"
- 2.1 Hero animado (texto fragmentado, collage de imágenes, descripción y botones CTA)
- 3.1 Sección de causas destacadas (grid de tarjetas con imagen, título y resumen)
- 4.1 Llamado a la acción principal (texto motivador y botón de donación)
- 5.1 Footer (enlaces de información, redes sociales, suscripción breve)
ABOUT US
- 1.1 Encabezado (reutiliza menú principal)
- 2.1 Banner interior con título y subtítulo
- 3.1 Texto descriptivo con imagen acompañante
- 4.1 Equipo (cards con foto, nombre y rol)
- 5.1 Footer
CAUSES
- 1.1 Encabezado
- 2.1 Lista de causas (grid de tarjetas, imagen, título, breve descripción y botón "Más info")
- 3.1 Testimonios (carrusel simple)
- 4.1 Footer
VOLUNTEERS
- 1.1 Encabezado
- 2.1 Formulario de registro (nombre, email, motivo, botón enviar)
- 3.1 Historias de voluntarios (cards)
- 4.1 Footer
DONATE
- 1.1 Encabezado
- 2.1 Formulario de donación (importe, frecuencia, datos de pago simulados, botón donar)
- 3.1 Impacto (estadísticas y contador animado)
- 4.1 Footer
CONTACT US
- 1.1 Encabezado
- 2.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 3.1 Mapa incrustado y datos de contacto
- 4.1 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA