NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Estética Zenit" (fundación sin fines de lucro) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La paleta de colores debe basarse en tonos suaves y confiables: #1A3E5D (azul marino), #2C5F8A (azul medio), #5A97C4 (azul claro), #F4F7FA (gris muy claro) y #FFFFFF. Tipografía: "Inter" para títulos y "Open Sans" para cuerpo, ambas cargadas desde Google Fonts.
Estructura y requisitos:
1. **Header** (fijo, con sombra ligera):
- Logo textual "Estética Zenit" (SVG simple).
- Menú horizontal con enlaces: Inicio, Sobre nosotros, Eventos, Voluntarios, Causas, Donar, Galería, Blog, Contacto.
- Botón primario con texto "Únete a nosotros" (color accent #2C5F8A, hover #5A97C4).
- botón hamburguesa pa
4.932 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.932 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, navegación y botón "Únete a nosotros"
- 1.2 Hero: título, subtítulo, video de presentación, imagen central con efecto paralaje, texto descriptivo y botón "Donar ahora"
- 1.3 Historia: encabezado "Propósito con impacto", texto introductorio, dos columnas de imágenes con efecto de desplazamiento, párrafo explicativo
- 1.4 Estadísticas animadas: Donación Transparente, Vidas Tocadas, Impacto Global
- 1.5 Footer: enlaces a Secciones, Contacto, Redes sociales y datos de la fundación
ABOUT
- 2.1 Encabezado (reutiliza el global)
- 2.2 Bloque con historia detallada, imagen de fondo y cita
- 2.3 Equipo o valores (no presente en el HTML proporcionado, pero placeholder para futura expansión)
- 2.4 Footer (global)
EVENTS
- 3.1 Encabezado
- 3.2 Lista de eventos con tarjetas, imagen, fecha y botón de registro
- 3.3 Footer
VOLUNTEERS
- 4.1 Encabezado
- 4.2 Formulario de inscripción para voluntarios
- 4.3 Testimonios de voluntarios (placeholder)
- 4.4 Footer
CAUSES
- 5.1 Encabezado
- 5.2 Grid de causas con imágenes, descripción corta y botón de donar
- 5.3 Footer
DONATE
- 6.1 Encabezado
- 6.2 Formulario de donación con opciones de monto y método de pago
- 6.3 Testimonios de donantes (placeholder)
- 6.4 Footer
GALLERY
- 7.1 Encabezado
- 7.2 Galería de imágenes en cuadrícula con lightbox
- 7.3 Footer
BLOGS
- 8.1 Encabezado
- 8.2 Lista de artículos con miniaturas, extracto y botón leer más
- 8.3 Footer
CONTACT
- 9.1 Encabezado
- 9.2 Formulario de contacto con campos nombre, email, mensaje
- 9.3 Mapa incrustado (placeholder)
- 9.4 Footer
PROMPTS RELACIONADOS · BEAUTY / SPA
