NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Médica Zenit" (medicazenit.com). El objetivo es reproducir el diseño visual y la estructura de la web analizada, sin copiar textos ni imágenes originales. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Primary: #0A73B7 (azul profundo)
- Secondary: #2ECC71 (verde suave)
- Accent: #F4A261 (naranja cálido)
- Light: #F9FAFB (casi blanco)
- Dark: #1F2937 (gris casi negro)
**Tipografía**:
- Heading: "Inter", weight 600, latin‑ext, fallback sans‑serif
- Body: "Inter", weight 400, fallback sans‑serif
**Header** (fijo, responsive): logo a la izquierda, menú horizontal (Inicio, Sobre nosotros, Servicios, Profesionales, Blog, Contacto) con subrayado hover, botón destacado en c
5.229 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.229 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ú responsivo y botón "Reserva una cita"
- 1.2 Hero: título principal, texto descriptivo, botón "Nuestros servicios" y visual principal
- 1.3 Hero‑services: fila de enlaces a servicios con icono
- 1.4 Nuestra historia: encabezado, párrafo explicativo, botón "Más sobre nosotros" y mosaico de imágenes
- 1.5 Servicios: subtítulo, título, rejilla de tarjetas con icono, categoría, nombre y breve descripción
- 1.6 Footer: columnas de enlaces rápidos, datos de contacto, iconos de redes y copyright
ABOUT
- 2.1 Header reutilizado
- 2.2 Banner interno con título y breadcrumb
- 2.3 Texto institucional y fotos del equipo
- 2.4 Valores en bloques con iconos
SERVICES
- 3.1 Header reutilizado
- 3.2 Lista de categorías de servicios en tarjetas con icono y breve texto
- 3.3 CTA para contactar o reservar
DOCTORS
- 4.1 Header reutilizado
- 4.2 Grid de profesionales con foto, nombre, especialidad y botón "Ver perfil"
BLOG
- 5.1 Header reutilizado
- 5.2 Grid de artículos con imagen, título, extracto y enlace "Leer más"
CONTACT
- 6.1 Header reutilizado
- 6.2 Formulario de contacto (nombre, email, teléfono, mensaje)
- 6.3 Mapa incrustado y datos de ubicación
- 6.4 Información de horarios y vías de acceso
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
