Carrito Iniciar sesión
SALUD Y MEDICINA · Claude Design · HTML

Centro Medico Ónix — Prompt de diseño web para Claude AI

Centros médicos y clínicas de atención primaria y especializada Cuidamos tu salud con ciencia y cercanía.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Centro Medico Ónix — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea desde cero una página web para la marca ficticia "Centro Medico Ónix" (centro de salud integral) usando HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio original sin copiar contenido textual. **Paleta de colores**: - Primario: #0D3B66 (azul oscuro) - Secundario: #FAF0CA (crema) - Accent: #F4D35E (amarillo suave) - Texto oscuro: #212529 - Texto claro: #FFFFFF **Tipografía**: - Heading: 'Inter', sans-serif; weight 700 - Body: 'Inter', sans-serif; weight 400 **Header** (reutilizable en todas las páginas): barra de navegación fija, logo a la izquierda, enlaces blancos (Inicio, Sobre nosotros, Servicios, Doctores, Blog, Contacto), botón destacado "Cita Online" con borde y fondo primario, menú hamb
4.808 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.808 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Centro Medico Ónix — home completa
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 barra de navegación fija y botón de cita
  • 1.2 Hero con título, subtítulo, botón principal y carrusel de citas
  • 1.3 Bloque de servicios destacados (6 items) con iconos
  • 1.4 Sección Nuestra historia (texto + galería de 5 imágenes)
  • 1.5 Sección Servicios médicos (grid 6 cards con icono, etiqueta y descripción)
  • 1.6 Footer con logo, menú rápido, redes sociales y datos de contacto

ABOUT

  • 2.1 Header (reutilizable)
  • 2.2 Hero interno con título y descripción breve
  • 2.3 Texto histórico y valores
  • 2.4 Imagen ilustrativa
  • 2.5 Footer

SERVICES

  • 3.1 Header
  • 3.2 Lista de categorías de servicios (grid de cards)
  • 3.3 Detalle de servicio individual (imagen, descripción, botón de reserva)
  • 3.4 Footer

DOCTORS

  • 4.1 Header
  • 4.2 Grid de profesionales (foto, nombre, especialidad, botón contactar)
  • 4.3 Footer

BLOG

  • 5.1 Header
  • 5.2 Lista de artículos (tarjetas con imagen, título, excerpt, fecha)
  • 5.3 Paginación
  • 5.4 Footer

CONTACT

  • 6.1 Header
  • 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
  • 6.3 Mapa incrustado
  • 6.4 Información de sede y horarios
  • 6.5 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría