NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Estética Duna** (esteticaduna.com), una ONG sin fines de lucro que impulsa cambios reales. Usa únicamente HTML estático en un solo archivo, carga Tailwind CSS desde el CDN (`https://cdn.tailwindcss.com`) y escribe cualquier interacción con JavaScript vanilla inline.
**Alcance**: replicar el diseño y estructura de la web analizada, sin copiar texto literal. Genera contenido original en español (España), con tono activo y sin jerga comercial.
**Stack**: HTML5, Tailwind CDN, JS vanilla (no frameworks). Todas las imágenes deben usar marcadores de posición de `https://picsum.photos` con tamaños apropiados. Los íconos se pueden obtener de Heroicons (SVG inline).
**Paleta de colores** (usar como variables Tailwind):
- Primario: #F28A30 (nar
5.272 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.272 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 superior con teléfono y email
- 1.2 Menú principal con logo, enlaces y mega‑menu
- 1.3 Hero de bienvenida con título y botón de donación
- 1.4 Cuadrícula de causas destacadas
- 1.5 Sección de impacto con contadores animados
- 1.6 Testimonios en carrusel
- 1.7 Llamada a voluntariado con formulario resumido
- 1.8 Newsletter y redes sociales
- 1.9 Footer con enlaces útiles y datos de contacto
ABOUT US
- 2.1 Cabecera con imagen de apoyo y subtítulo
- 2.2 Historia de la organización en dos columnas
- 2.3 Equipo de trabajo con tarjetas de perfil
- 2.4 Valores y misión en bloques icónicos
- 2.5 CTA a donación
SERVICES
- 3.1 Listado de programas con iconos y descripciones breves
- 3.2 Modal de detalle de cada programa
- 3.3 Botón de contacto rápido
VOLUNTEER
- 4.1 Formulario de inscripción a voluntariado
- 4.2 Lista de oportunidades abiertas
- 4.3 Testimonios de voluntarios
CAUSES
- 5.1 Galería de causas con filtro por categoría
- 5.2 Tarjetas de causa con progreso de recaudación
- 5.3 Botón “Apoyar ahora” en cada tarjeta
BLOG
- 6.1 Listado de artículos con imagen destacada y excerpt
- 6.2 Paginación y barra lateral de categorías
- 6.3 Página detalle del artículo
EVENTS
- 7.1 Calendario de eventos próximos
- 7.2 Tarjetas de evento con fecha, lugar y registro
- 7.3 Modal de inscripción al evento
CONTACT US
- 8.1 Formulario de contacto completo
- 8.2 Mapa incrustado
- 8.3 Información de oficina y horarios
FOOTER
- 9.1 Enlaces de navegación secundaria
- 9.2 Redes sociales y newsletter signup
- 9.3 Datos legales y derechos de autor
PROMPTS RELACIONADOS · BELLEZA / SPA
