NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia MundoPeludo, una clínica veterinaria. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #F8BA5D (amarillo pastel), #2C3E50 (azul gris profundo), #FFFFFF (blanco), #000000 (negro) para iconos. Tipografía: "Inter" para titulares y "Nunito" para cuerpo, ambas importadas de Google Fonts.
Estructura:
- Header fijo con logo SVG (simplificado) a la izquierda y menú horizontal (Home, Sobre Nosotros, Servicios, Galería, Contacto) a la derecha; indica página activa.
- Hero full‑width con fondo claro, título grande "Cuidado integral para tu mascota", subtítulo breve y botón principal "Reserva una cita" que enlaza al formulario de contacto.
- sección 3: grid 3‑columnas de tarjetas de servicio, cada una con ico
3.492 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.492 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 Cabecera fija con logo y menú de navegación
- 2.1 Hero principal con título, subtítulo y botón de reserva
- 3.1 Cuadrícula de servicios destacados (paseo, grooming, consultas)
- 4.1 Sección de testimonios con carrusel
- 5.1 Galería de imágenes de mascotas y actividades
- 6.1 Formulario de contacto rápido y mapa incrustado
- 7.1 Footer con enlaces institucionales, redes sociales y datos de contacto
SOBRE NOSOTROS
- 1.1 Cabecera idem
- 2.1 Texto descriptivo de la clínica, valores y equipo
- 3.1 Fotos del equipo profesional
- 4.1 Footer idem
SERVICIOS
- 1.1 Cabecera idem
- 2.1 Lista de servicios con iconos y descripciones ampliadas
- 3.1 Preguntas frecuentes
- 4.1 Footer idem
GALERÍA
- 1.1 Cabecera idem
- 2.1 Grid de fotos filtrable por categoría
- 3.1 Footer idem
CONTACTO
- 1.1 Cabecera idem
- 2.1 Formulario completo (nombre, email, teléfono, mensaje)\n- 3.1 Mapa interactivo con ubicación\n- 4.1 Footer idem
PROMPTS RELACIONADOS · SALUD Y MEDICINA