NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear un sitio web estático de una clínica médica bajo el nombre ficticio "Consulta Zenit". El proyecto será un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla para interacciones leves (menú desplegable, carousel de testimonios, marquee de logos). Utilizar la siguiente paleta de colores: #66CDC0 (turquesa principal), #004E64 (azul profundo para encabezados), #F5F5F5 (gris claro de fondo), #222222 (texto principal), #FFFFFF (blanco). Tipografía: headings con "Inter" (sans-serif) y cuerpo con "Roboto". Estructura de la página:
- Header fijo: logo a la izquierda, menú principal con enlaces Home, Sobre nosotros, Servicios, Médicos, Cita, Blog y un botón destacado "Reserva" a la derecha. El menú incluye un mega‑dropdown para "Servicios" con enlaces internos.
- Hero: con
3.843 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.843 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 fija con logo, enlaces y botón de cita.
- 1.2 Hero con imagen, título dividido, subtítulo y botón principal.
- 1.3 Marquee de logos de partners.
- 1.4 Cuadro de servicios en tarjetas.
- 1.5 Equipo médico con fotos y bio.
- 1.6 Testimonios rotativos.
- 1.7 Llamada a la acción con formulario de reserva.
- 1.8 Footer con información de contacto y enlaces.
ABOUT US
- 2.1 Cabecera interior con título y breadcrumb.
- 2.2 Texto descriptivo de la clínica y su misión.
- 2.3 Imagen complementaria.
- 2.4 Valores institucionales en bloques con íconos.
- 2.5 CTA para contactar.
- 2.6 Footer.
SERVICES
- 3.1 Lista de servicios en rejilla de tarjetas con icono y breve descripción.
- 3.2 Sección de preguntas frecuentes en acordeón.
- 3.3 CTA para agendar consulta.
- 3.4 Footer.
DOCTORS
- 4.1 Grid de profesionales con foto circular, nombre, especialidad y botón de perfil.
- 4.2 Filtro por especialidad.
- 4.3 Footer.
APPOINTMENT
- 5.1 Formulario de reserva de cita con campos: nombre, email, teléfono, especialidad, fecha y hora.
- 5.2 Mapa incrustado.
- 5.3 Información de contacto.
- 5.4 Footer.
BLOG
- 6.1 Lista de artículos en formato tarjeta con imagen, título y extracto.
- 6.2 Sidebar con categorías y últimos artículos.
- 6.3 Footer.
CONTACT
- 7.1 Formulario de contacto rápido.
- 7.2 Datos de la clínica: dirección, teléfono, email.
- 7.3 Mapa integrado.
- 7.4 Footer.
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
