NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **ManosAmigas** (ONG centrada en la infancia). Utiliza **HTML estático + Tailwind CSS CDN + JavaScript vanilla** en un único archivo. La paleta de colores debe incluir:
- Primario: #E53935 (rojo cálido)
- Secundario: #F48FB1 (rosa pastel)
- Fondo: #FFFFFF
- Texto principal: #212121
- Texto alterno: #FFFFFF
Tipografía: **Inter**, pesos 400 y 600, cargada desde Google Fonts.
Estructura y requisitos:
1. **Header (barra de navegación)** fija, fondo blanco, sombra ligera. Logo textual "ManosAmigas" con parte en rojo y parte en rosa. Enlaces: Quiénes somos, Nuestro programa, Blog, Involúcrate, Contacto. Botón destacado rojo con texto "Donar ahora".
2. **Hero** a pantalla completa con video de fondo (URL ficticia), overlay oscuro 30%, título cent
3.631 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.631 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 botón “Donar ahora”
- 2.1 Hero con vídeo de fondo, título, subtítulo y dos botones de llamada a la acción
- 3.1 Bloque “Quiénes somos”: etiqueta, título, galería de 4 imágenes y texto explicativo con botón
- 4.1 Bloque “Nuestro programa”: etiqueta, título, párrafo breve y grid de tarjetas de programa (imagen, título, descripción, enlace)
QUIÉNES SOMOS
- 1.1 Encabezado con imagen de cabecera y botón de regreso
- 1.2 Texto descriptivo profundo y fotos adicionales
- 1.3 Botón para explorar más contenido
NUESTRO PROGRAMA
- 1.1 Lista de programas en formato grid, cada tarjeta con imagen, título, descripción corta y botón “Ver Programa”
CONTACTO
- 1.1 Formulario de contacto sencillo (nombre, email, mensaje, botón enviar)
BLOG
- 1.1 Lista de artículos con miniatura, título, extracto y enlace a detalle
DONAR
- 1.1 Sección de donación con formulario de monto, datos de pago y botón de confirmar
PROMPTS RELACIONADOS · BELLEZA / SPA
