NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Impacto Aurora" (plataforma de información y participación cívica) utilizando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente la estructura y el estilo del sitio fuente sin copiar textos ni imágenes específicas.
ALCANCE:
- Header fijo con logo (placeholder), menú principal con enlaces: Home, About Us, Our Agenda, Blog, Shop, Contact Us y un dropdown "Pages" que contenga: Home, About Us, Agenda, Gallery, Donators, Our Team, Testimonials, FAQ. Incluye iconos de redes sociales (Facebook, Twitter, Instagram, YouTube) y un icono de carrito con contador.
- Hero: sección a pantalla completa con fondo degradado, título grande, subtítulo y dos botones primarios ("Descubre" y "Únete").
-
4.370 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.370 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 accesos a redes y carrito
- 1.2 Hero con imagen de cabecera y botones de acción primaria
- 1.3 Sección de agenda con listado de eventos futuros
- 1.4 Galería de imágenes de actividades
- 1.5 Área de testimonios y apoyo ciudadano
- 1.6 Blog con artículos destacados
- 1.7 Tienda de productos con botones de compra
- 1.8 Pie de página con información de contacto, enlaces útiles y redes sociales
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Texto institucional y misión
- 2.3 Equipo con fotos y biografías
- 2.4 Valores en tarjetas
- 2.5 Llamado a colaborar
- 2.6 Footer común
AGENDA
- 3.1 Calendario con filtros
- 3.2 Listado de eventos con imágenes y fechas
- 3.3 Botón registrarse
- 3.4 Footer común
GALLERY
- 4.1 Grid de imágenes con hover lightbox
- 4.2 Categorías de filtrado
- 4.3 Footer común
DONATORS
- 5.1 Lista de donantes destacados
- 5.2 Formulario de donación rápida
- 5.3 Testimonios de apoyo
- 5.4 Footer común
OUR TEAM
- 6.1 Tarjetas de miembros con foto, cargo y redes
- 6.2 Botón contactar
- 6.3 Footer común
TESTIMONIALS
- 7.1 Carrusel de testimonios
- 7.2 Formulario para enviar nuevo testimonio
- 7.3 Footer común
CONTACT US
- 8.1 Formulario de contacto con mapa integrado
- 8.2 Información de oficina y teléfono
- 8.3 Footer común
FAQ
- 9.1 Preguntas frecuentes en acordeón
- 9.2 Enlace a soporte
- 9.3 Footer común
PROMPTS RELACIONADOS · NONPROFIT
