NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Nación Unida" (nacionunida.com), sector campaña política, usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual y la estructura analizada:
- Paleta de colores: fondo principal #ffffff, primario #0d3b66, secundario #f4a261, acento #e76f51, texto gris oscuro #333333.
- Tipografía: headings "Playfair Display" (serif), cuerpo "Inter" (sans).
- Header: barra fija con logo placeholder, menú mega‑dropdown con tres columnas de enlaces, botón "Donar ahora" en color primario.
- Hero: sección full‑width, título grande (display‑h1) con palabra resaltada en color primario, subtítulo, dos botones (primario y secundario), caja de recaudación con ícono y texto "$2.45M recaudados". Debajo tres cards horiz
3.152 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.152 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 y menú mega‑dropdown
- 1.2 Hero principal con título, subtítulo, botones de donación y participación, y recuadro de recaudación
- 1.3 Tres tarjetas de característica bajo el hero
- 1.4 Sección "Historia" con título, texto descriptivo, imagen y contador de seguidores
- 1.5 Área de preguntas frecuentes en formato acordeón
- 1.6 Footer con enlaces de navegación y datos de contacto
ABOUT
- 1.1 Header común
- 1.2 Imagen de portada y texto institucional
- 1.3 Equipo y valores
- 1.4 Footer
EVENTS
- 1.1 Header común
- 1.2 Listado de próximos eventos con tarjetas
- 1.3 Calendario interactivo
- 1.4 Footer
BLOGS
- 1.1 Header común
- 1.2 Grid de artículos con imágenes y extractos
- 1.3 Sidebar con categorías y archivo
- 1.4 Footer
DONATION
- 1.1 Header común
- 1.2 Formulario de donación sencillo
- 1.3 Testimonios de donantes
- 1.4 Footer
FAQ
- 1.1 Header común
- 1.2 Listado de preguntas en acordeón (reutiliza los mismos bloques del Home)
- 1.3 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
