NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una clínica médica ficticia llamada "Centro Medico Zenit" usando HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir la siguiente estructura y estilo sin copiar texto original:
- **Paleta de colores**: azul profundo #1E3A8A, azul celeste #3B82F6, gris claro #F3F4F6, blanco #FFFFFF, acento naranja suave #F59E0B.
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para títulos y cuerpo, peso 400‑600.
- **Header**: barra de navegación fija, logo SVG ficticio, enlaces: Inicio, Sobre Nosotros, Servicios, Profesionales, Blog, Contacto. Botón destacado con fondo azul celeste y texto blanco "Solicitar Cita" que abre una sección modal simple.
- **Hero**: layout split 2‑columnas. Izquierda: título grande (h1) "Cuidamos tu salud
4.165 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.165 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: logo, menú (Inicio, Sobre Nosotros, Servicios, Profesionales, Blog, Contacto), botón destacado "Solicitar Cita"
- 1.2 Hero: título principal, subtítulo, botones de llamada, email y cita, carrusel de imágenes, sello de confianza
- 1.3 Información de apertura y emergencias: horarios semanales, números de emergencia, llamada a la acción para cita
- 1.4 Servicios médicos: lista de servicios en acordeón (Atención de urgencia, Quirófano, Farmacia, Oncología), breve descripción y botón "Ver todos los servicios"
- 1.5 Indicadores clave: número de pacientes atendidos, años de experiencia, profesionales activos
- 1.6 Footer: logo, enlaces rápidos, redes sociales, datos de contacto, formulario de suscripción
SOBRE NOSOTROS
- 2.1 Cabecera interna con título de página y breadcrumb
- 2.2 Texto institucional, misión y visión
- 2.3 Equipo directivo con fotos y biografías breves
- 2.4 Valores y certificaciones
- 2.5 CTA para descargar brochure
SERVICIOS
- 3.1 Listado de servicios con tarjetas descriptivas y botones "Más info"
- 3.2 Filtros por especialidad y modalidad
- 3.3 Sección de preguntas frecuentes
- 3.4 CTA a formulario de cita
PROFESIONALES
- 4.1 Grid de médicos con foto, especialidad y enlace a perfil
- 4.2 Filtro por especialidad y experiencia
- 4.3 Modal de detalle del profesional
BLOG
- 5.1 Lista de artículos con imagen destacada, título y extracto
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Paginación
CONTACTO
- 6.1 Formulario de contacto (nombre, email, asunto, mensaje)
- 6.2 Mapa incrustado
- 6.3 Datos de ubicación y teléfonos
- 6.4 CTA para solicitar cita rápida
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
