NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **Saludia Clínica** (centro médico integral) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El objetivo es replicar el diseño visual y la estructura de la web analizada, sin copiar texto literal. Utiliza la siguiente paleta de colores: #2C3E50 (azul oscuro), #1ABC9C (turquesa), #ECF0F1 (gris claro), #FFFFFF (blanco), #E74C3C (rojo acento). Tipografía: **Poppins** para encabezados y **Inter** para cuerpo, cargadas vía Google Fonts.
### Estructura general
- **Header** con bloque superior visible solo en escritorio: teléfono, email, dirección, enlaces rápido (Ayuda / Soporte / Contacto) y íconos de redes (FB, IG, X, LinkedIn).
- **Navbar**: logo (SVG placeholder), menú principal con items Home, About Us,
4.465 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.465 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 Bloque superior con datos de contacto y enlaces rápidos
- 1.2 Barra de navegación con logo, menú principal y botón de emergencia
- 1.3 Hero con título, subtítulo y llamada a acción
- 1.4 Cuatro tarjetas de servicios destacados
- 1.5 Sección de estadísticas con contadores animados
- 1.6 Área de casos de estudio en formato grid
- 1.7 Blog destacado con tarjetas de artículos recientes
- 1.8 Formulario de suscripción al boletín
- 1.9 Footer con enlaces institucionales, información de contacto y redes sociales
SERVICIOS
- 2.1 Hero interno con descripción del servicio
- 2.2 Lista de beneficios
- 2.3 Testimonios de pacientes
- 2.4 CTA a reserva de cita
- 2.5 Footer común
CASOS DE ESTUDIO
- 3.1 Hero con título del caso
- 3.2 Detalle del reto y solución
- 3.3 Imagenes y resultados
- 3.4 CTA a contactar
- 3.5 Footer común
BLOG
- 4.1 Lista de entradas del blog en grid
- 4.2 Sidebar con categorías y suscripción
- 4.3 Footer común
CONTACTO
- 5.1 Formulario de contacto completo
- 5.2 Mapa embebido
- 5.3 Información de oficina y horarios
- 5.4 Footer común
PROMPTS RELACIONADOS · SALUD Y MEDICINA