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

Médica Cobalto — Prompt de diseño web para Claude AI

Centro médico y de atención primaria Cuidamos tu bienestar con ciencia y cercanía.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Médica Cobalto — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea desde cero una web corporativa para la marca ficticia "Médica Cobalto" (medicacobalto.com). Usa HTML5 con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Implementa la siguiente paleta de colores (hex): #0A2647 (azul oscuro), #144272 (azul medio), #1E91D6 (azul vibrante), #F0F4F8 (gris muy claro), #FFFFFF (blanco). Tipografía principal: 'Inter', sans-serif; títulos en peso 800, cuerpo en 400. Estructura y componentes: HEADER (sticky, fondo blanco, sombreado ligero): logo a la izquierda, menú de navegación horizontal con enlaces: Inicio, Sobre nosotros, Servicios, Profesionales, Blog, Contacto. Botón destacado en azul vibrante con texto "Reservar cita". Menú colapsable en móvil (icono hamburguesa). HERO (sección 2.1): contenedor full‑width, fondo azul oscuro con overla
5.066 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
5.066 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
Médica Cobalto — 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 Barra de navegación fija con logo, enlaces y botón de reserva
  • 2.1 Hero con título, subtítulo, CTA y mini‑galería
  • 3.1 Bloque "Nuestra historia" con texto y galería de imágenes
  • 4.1 Sección de servicios en cuadrícula con iconos y breves descripciones
  • 5.1 Footer con enlaces, datos de contacto y redes sociales

ABOUT

  • 1.1 Header compartido
  • 2.1 Información del centro, misión y valores
  • 3.1 Equipo de profesionales con fotos y breves biografías
  • 4.1 CTA a reservar cita

SERVICES

  • 1.1 Header compartido
  • 2.1 Lista de categorías de servicios en tarjetas interactuas
  • 3.1 Detalle de cada servicio con icono, descripción y botón de reserva

DOCTORS

  • 1.1 Header compartido
  • 2.1 Grid de profesionales con foto, especialidad y enlace a perfil
  • 3.1 Botón para agendar consulta con cada doctor

BLOG

  • 1.1 Header compartido
  • 2.1 Lista de artículos con imagen, título y extracto
  • 3.1 Paginación y filtro por categorías

CONTACT

  • 1.1 Header compartido
  • 2.1 Formulario de contacto con campos nombre, email, mensaje
  • 3.1 Mapa incrustado y datos de ubicación

APPOINTMENT

  • 1.1 Header compartido
  • 2.1 Formulario de reserva de cita con selector de fecha/hora y servicio
  • 3.1 Mensaje de confirmación tras envío
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría