NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, TailwindCSS CDN y JavaScript puro (un solo archivo) que reproduzca el diseño de la ONG ficticia "ManosSolidarias". Utiliza la siguiente paleta de colores: #0F3D2E (verde bosque), #0A1F14 (verde muy oscuro), #FFFFFF (blanco), #F5F5F5 (gris claro), #333333 (texto oscuro). Fuente principal: Inter (Google Fonts) para títulos y párrafos; fuente secundaria: Merriweather para destacados.
### Estructura
- **Header** sticky con barra superior (texto gris claro sobre fondo blanco) que muestra: "Únete a nuestro movimiento — Regístrate" y número de teléfono.
- **Navbar** bajo la barra: logo a la izquierda (placeholder), menú horizontal con enlaces Home, About, Donation, Pages (mega‑menu con dos columnas de enlaces), Blog (dropdown), Contact y un botón CTA "Un
4.191 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.191 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 mensaje de convocatoria y teléfono
- 1.2 Header con logo y menú principal con dropdowns y mega‑menu
- 1.3 Hero video full‑width con título y botón principal
- 1.4 CTA destacada bajo el hero con subtítulo y botón secundario
- 1.5 Footer con iconos sociales, texto legal y créditos
ABOUT
- 2.1 Título de página y descripción institucional
- 2.2 Imagen o video ilustrativo
- 2.3 Valores y misión en columnas
- 2.4 Llamada a la acción para ser voluntario
DONATION
- 3.1 Formulario de donación rápido
- 3.2 Estadísticas de impacto en cuadros o contadores
- 3.3 Testimonios en carrusel
- 3.4 Botón de donación recurrente
BLOG
- 4.1 Lista de entradas con imagen destacada y extracto
- 4.2 Categorías y filtro lateral
- 4.3 Paginación
CONTACT
- 5.1 Formulario de contacto básico
- 5.2 Mapa incrustado
- 5.3 Información de contacto y horario
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 08/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
