NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia **Salon Aurora** (organización sin ánimo de lucro). Usa **HTML** estático con **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Header**: barra superior con logo a la izquierda, enlaces de navegación (Home, Quiénes somos, Causas, Páginas desplegable con varias opciones, Contacto) y botón primario "Donar ahora" con ícono de corazón. Menú móvil colapsable con overlay y cierre.
- **Hero**: sección a pantalla completa con imagen de fondo tenue, título grande "Cambio" y subtítulo animado "Juntos, podemos" + "Vidas" con imágenes de retratos superpuestas. Texto descriptivo al lado derecho y animaciones de entrada (fade‑in, translateY).
- **Paleta de colores**: #1A1A1
3.510 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.510 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 Header con logo, menú principal y botón de donación
- 1.2 Menú móvil con overlay
- 1.3 Hero visual con imagen de fondo y títulos animados
- 1.4 Texto descriptivo junto al hero
- 1.5 Footer con información de contacto y enlaces
ABOUT US
- 2.1 Encabezado secundario y descripción de la organización
- 2.2 Equipo y valores
- 2.3 Llamada a la acción para voluntariado
CAUSES
- 3.1 Lista de causas con tarjetas ilustrativas
- 3.2 Botones de ‘Más información’
PROJECTS
- 4.1 Galería de proyectos destacados
- 4.2 Estadísticas de impacto
DONATION
- 5.1 Formulario simple de donación
- 5.2 Opciones de monto y método de pago
CONTACT
- 6.1 Formulario de contacto
- 6.2 Mapa incrustado y datos de ubicación
PROMPTS RELACIONADOS · BEAUTY / SPA