NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Clínica Orion" (clinicaorion.com) siguiendo el diseño del template analizado. Utiliza solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
**Objetivo**: sitio corporativo de centro médico que transmita confianza y profesionalidad.
**Paleta de colores**:
- Primario: #66cdc0 (turquesa pastel)
- Secundario: #0d3b66 (azul marino profundo)
- Fondo claro: #f9fafb (gris muy claro)
- Texto oscuro: #1a202c (gris casi negro)
- Accent: #ff6b6b (rojo coral para llamadas a la acción).
**Tipografía**: Inter (Google Fonts) para encabezados y cuerpo, peso 400/600/700.
**Estructura**:
1. **Header** fijo con logo (SVG placeholder), menú horizontal (Home, About us, Services, Doctors, Appointment, Blog) y botón primario "Cita" con fond
4.386 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.386 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 principales y botón de cita
- 1.2 Hero principal con imagen lateral, iconos decorativos, título dividido en dos líneas y botón secundario
- 1.3 Sección marquee con logos de partner en scroll continuo
- 1.4 Bloque de servicios destacados (grid de tarjetas con icono, título y breve descripción)
- 1.5 Testimonios rotativos de pacientes
- 1.6 Footer con información de contacto, enlaces y redes
ABOUT US
- 2.1 Cabecera interna con título y breadcrumb
- 2.2 Texto institucional y misión/visión
- 2.3 Equipo de profesionales (grid de tarjetas)
- 2.4 Valores y certificaciones
- 2.5 Footer
SERVICES
- 3.1 Lista de servicios con iconos y descripciones
- 3.2 Preguntas frecuentes en accordion
- 3.3 CTA a reserva de cita
- 3.4 Footer
DOCTORS
- 4.1 Grid de médicos con foto, especialidad y botón de perfil
- 4.2 Filtro por especialidad
- 4.3 Footer
APPOINTMENT
- 5.1 Formulario de reserva de cita con campos de datos personales y selección de especialidad
- 5.2 Mapa de ubicación
- 5.3 Footer
BLOG
- 6.1 Lista de artículos con imagen, título y extracto
- 6.2 Sidebar con categorías y últimos posts
- 6.3 Footer
BLOG DETAIL
- 7.1 Artículo completo con imagen destacada, autor y comentarios
- 7.2 CTA a suscripción al boletín
- 7.3 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
