NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una ONG de adopción de mascotas llamada **HuellaAmiga**. Usa **HTML + Tailwind CDN + JavaScript vanilla** en un solo archivo.
- **Paleta de colores**: principal #FF6F61 (coral cálido), secundario #2C3E50 (azul grisáceo), acentos #F4A261 (amarillo suave) y fondos #F9F9F9, #FFFFFF.
- **Tipografía**: Inter (sans‑serif) para cuerpos, Playfair Display para títulos.
- **Header**: barra sticky con logo (texto HuellaAmiga), menú horizontal (Home, Sobre Nosotros, Mascotas, Donar, Contacto) y botón primario "Adoptar ahora" en color #FF6F61.
- **Hero**: sección a pantalla completa, fondo con imagen difusa de mascotas, imágenes pequeñas superpuestas animadas (desplazamiento lateral), título grande en Playfair Display, subtítulo en Inter, botón secundario "Desc
3.432 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.432 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 Header con logo, menú y botón destacado
- 1.2 Hero con imágenes superpuestas, título y subtítulo
- 1.3 Bloque de confianza (mini‑galería de logos)
- 1.4 Sección de adopción destacada con tarjeta de animal y botón
- 1.5 Testimonios en carrusel
- 1.6 Llamado a la acción a donaciones
- 1.7 Footer con enlaces, redes y datos de contacto
ABOUT
- 2.1 Header reutilizado
- 2.2 Hero con título y párrafo institucional
- 2.3 Valores y misión en columnas
- 2.4 Equipo en tarjetas
- 2.5 Footer
ADOPTABLE PETS
- 3.1 Header
- 3.2 Grid de tarjetas de mascotas con foto, nombre, raza y botón "Ver perfil"
- 3.3 Filtros laterales (tipo, edad, ubicación)
- 3.4 Footer
DONATE
- 4.1 Header
- 4.2 Hero con llamado a donar
- 4.3 Formulario rápido de donación
- 4.4 Beneficios de donar en lista de iconos
- 4.5 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto con campos básicos
- 5.3 Mapa incrustado
- 5.4 Footer
PROMPTS RELACIONADOS · REAL ESTATE
