NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictitious nonprofit "Estética Aurora" using HTML, TailwindCSS CDN and vanilla JavaScript. The design must replicate the visual patterns of the provided template: a fixed transparent header that becomes solid on scroll, containing a left‑aligned logo, a mega‑dropdown menu with multiple columns, and a right‑aligned primary button "Contactar". Below, a full‑width hero section with a dark overlay, large centered heading (font size ~4rem), subheading and two CTA buttons (primary and secondary). Use a dark‑blue (#0A2740) primary color, accent teal (#00B5A0), light background #F5F9FC and white text. Typography: primary font 'Inter' (Google Fonts) for body, headings in 'Playfair Display' bold. Include animated fade‑in effects on scroll for each block.
3.817 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.817 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ú mega y botón de contacto
- 2.1 Hero de portada con título, subtítulo y botones
- 3.1 Sección de confianza con título y breve texto
- 4.1 Galería de proyectos destacados en carrusel
- 5.1 Bloque de programas con tarjetas descriptivas
- 6.1 Historias de éxito con mini‑testimonios
- 7.1 Llamada a la acción para donar con formulario breve
- 8.1 Footer con enlaces, redes y datos de contacto
ABOUT
- 1.1 Header reutilizado
- 2.1 Banner interno con encabezado "Sobre nosotros"
- 3.1 Texto descriptivo de la misión y visión
- 4.1 Equipo con fotos y breves biografías
- 5.1 Footer reutilizado
PROGRAMS
- 1.1 Header reutilizado
- 2.1 Lista de programas en formato grid con imágenes y botones "Conocer más"
- 3.1 CTA para inscribirse o colaborar
- 4.1 Footer reutilizado
SUCCESS STORIES
- 1.1 Header reutilizado
- 2.1 Tarjetas de historias de éxito con imagen, título y extracto
- 3.1 Modal o página detalle al pulsar "Leer más"
- 4.1 Footer reutilizado
DONATE
- 1.1 Header reutilizado
- 2.1 Formulario de donación con campos de cantidad, datos personales y botón "Donar ahora"
- 3.1 Testimonios de donantes
- 4.1 Footer reutilizado
CONTACT
- 1.1 Header reutilizado
- 2.1 Formulario de contacto con nombre, email, mensaje y mapa integrado
- 3.1 Información de contacto y redes sociales
- 4.1 Footer reutilizado
PROMPTS RELACIONADOS · BEAUTY / SPA
