NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la ONG ficticia **Armonía Duna** (armoniaduna.com) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual y la estructura del sitio de referencia sin copiar texto ni imágenes originales.
**Alcance**
- Header fijo con logo (SVG simple), menú horizontal (Enlaces: Programas, Proyectos, Quiénes somos, Blog, Involúcrate) y dos botones de acción: "Llámanos" y "Donar".
- Hero sección: fondo degradado suave (#F9FAFB -> #E5E7EB), título grande (font *Inter* weight 800, color #111827), palabra clave resaltada en amarillo #FBBF24, subtítulo gris #6B7280 y botón CTA amarillo #FBBF24 con texto blanco.
- Sección de testimonios tipo slider horizontal con tarjetas de ancho completo, fondo de imagen de placeholder (h
4.455 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.455 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, enlaces y botones de acción
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Carrusel de testimonios con imágenes de fondo y citas
- 1.4 Footer con información institucional y redes sociales
OUR PROGRAMS
- 1.1 Encabezado de página y descripción de programas
- 1.2 Grid de tarjetas con imagen, título y breve descripción
- 1.3 CTA para conocer más
OUR PROJECTS
- 1.1 Encabezado y texto introductorio
- 1.2 Galería de proyectos tipo mosaico con overlay y botón de detalle
ABOUT US
- 1.1 Historia y misión de la organización
- 1.2 Equipo con fotos y breves biografías
- 1.3 Valores y principios
OUR BLOG
- 1.1 Lista de entradas con imagen destacada, título y extracto
- 1.2 Filtros por categoría
- 1.3 Paginación
GET INVOLVED
- 1.1 Formulario de voluntariado sencillo (nombre, email, área de interés)
- 1.2 Botón de envío
- 1.3 Información de cómo donar
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 1.2 Mapa incrustado
- 1.3 Datos de contacto y horario
PROMPTS RELACIONADOS · BELLEZA / SPA
