NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
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
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 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