Carrito Iniciar sesión
BIENES RAÍCES · Claude Design · HTML

AmigoHogar — Prompt de diseño web para Claude AI

Plataforma digital de adopción y rescate de animales Conectamos mascotas con familias.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
AmigoHogar — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia AmigoHogar (amigohogar.com) usando solo HTML, Tailwind CSS via CDN y JavaScript vanilla en un único archivo. Reproduce la estructura visual y de interacción del sitio analizado, sin copiar texto ni imágenes originales. **Objetivo**: Plataforma sin fines de lucro que facilita la adopción de animales y apoya refugios. **Stack**: - HTML5 - Tailwind CSS 3 (CDN) - JavaScript ES6 (vanilla) para animaciones de scroll, dropdown y botón ripple. **Paleta de colores** (hex): - #F4A261 (naranja suave) - #2A9D8F (teal profundo) - #E9C46A (amarillo pastel) - #264653 (gris azulado) - #FFFFFF (blanco) **Tipografía**: - Headings: 'Inter', sans-serif, weight 700 - Body: 'Inter', sans-serif, weight 400 **Header**: barra fija, fondo blanco, l
3.961 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.961 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
AmigoHogar — home completa
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 Cabecera con logo, menú principal, mega‑dropdown y botones de acción
  • 1.2 Bloque hero con imágenes de confianza, título principal, descripción y botón principal
  • 1.3 Slider de testimonios visuales dentro del hero
  • 1.4 Llamado a la acción secundario con botón "Adoptar ahora"
  • 1.5 Footer con enlaces, datos de contacto y redes

ABOUT

  • 1.1 Encabezado interno con navegación secundaria
  • 1.2 Imagen destacada y misión de la organización
  • 1.3 Texto descriptivo y valores
  • 1.4 Equipo con tarjetas y fotos
  • 1.5 Footer compartido

ADOPTABLE PETS

  • 1.1 Cabecera con filtro de búsqueda
  • 1.2 Grid de tarjetas de mascotas con foto, nombre y botón "Ver detalle"
  • 1.3 Paginación
  • 1.4 Footer compartido

DONATE

  • 1.1 Sección de impacto con cifras animadas
  • 1.2 Formulario de donación rápido
  • 1.3 Testimonios de donantes
  • 1.4 Footer compartido
PROMPTS RELACIONADOS · BIENES RAÍCES

Otros prompts de la misma categoría