Cada decisión visual reduce fricción clínica. Multiplicado por 20 consultas al día, eso es tiempo real devuelto a la medicina.
Design System v2.0 · Vigente desde abril 2026
01 — El principio rector
La fatiga de alertas mata la atención clínica. Estudios de Epic y JAMA muestran que más del 60% de las alertas en sistemas EHR son ignoradas porque aparecen con demasiada frecuencia y sin relevancia real. Velandra fue diseñado desde cero con el principio opuesto: si no hay nada urgente, la pantalla permanece en silencio.
"El diseño de una herramienta clínica es un acto ético. Cada segundo que el médico pierde mirando una pantalla confusa es un segundo que no está mirando al paciente."
El violeta de Velandra existe en el logo y en la landing. En el workspace donde el médico trabaja 8 horas al día, la interfaz es en escala de grises. El color de marca no compite con los datos del paciente. El color solo aparece cuando tiene significado clínico: ámbar para urgencias, rojo para alertas críticas, verde para confirmaciones.
02 — Cuatro reglas de diseño
No son aspiraciones. Cada una tiene consecuencias concretas en el código: si una pantalla las viola, el commit se rechaza automáticamente.
Cada alert, modal y notificación existe porque evita un error médico o informa algo urgente. Las interrupciones sin urgencia clínica están prohibidas en el sistema.
Rojo: alergia activa, contraindicación. Ámbar: paciente llegó, acción necesaria ahora. Verde: firmado, completado. El color lo dicta la medicina, no el diseño.
Cuando hay un conflicto entre lo visualmente atractivo y lo legible a las 7am bajo luz fluorescente, gana la legibilidad. Siempre. Sin negociación.
Cada pantalla se diseña reduciendo las decisiones que el médico tiene que tomar. La interfaz toma decisiones menores sola para que el médico se reserve la capacidad cognitiva para el diagnóstico.
03 — Arquitectura de color
En medicina, el color es comunicación de seguridad. Un médico que aprende una vez el código de colores de Velandra lo aplica en todos los módulos sin pensar. Eso reduce error y acelera la lectura clínica.
Violeta
La voz de Velandra como sistema. Aparece en el logo, la landing y exactamente dos lugares dentro del producto: el borde del panel IA y la animación de carga del copiloto. Nunca en el workspace genérico.
Teal
El color del paciente como persona. Vive en el portal del paciente, en el kiosco de check-in, y en los datos clínicos del paciente dentro de consulta: historial, alergias, resultados de laboratorio.
Monocromático
Donde el médico trabaja. Negro, grises, blanco. La jerarquía la crea el peso tipográfico y el espaciado. Ningún color de marca compite con los datos clínicos en esta superficie.
04 — Cómo protege Velandra al médico en cada paso
El diseño de cada módulo se tomó con una pregunta: ¿en qué momento el médico tiene que apartar la vista del paciente para interactuar con el sistema? El objetivo es: nunca.
Del mensaje de WhatsApp a la historia clínica firmada
El paciente escribe en WhatsApp como lo haría a cualquier persona. El sistema entiende lenguaje natural, consulta disponibilidad en tiempo real y confirma. El paciente no descarga ninguna app, no crea ninguna cuenta.
Agendamiento automáticoConfirmación inmediata. Recordatorio 24 horas antes con opción de reagendar. Aviso 2 horas antes. Diseñado para reducir inasistencias sin saturar al paciente. La secretaria no interviene en ninguno.
Reduce no-shows hasta 30%El paciente escribe su cédula en la pantalla táctil de recepción. En 2 segundos: confirmado en cola, número de turno visible, tiempo estimado de espera. Sin formularios, sin staff necesario.
Check-in autónomoEl display muestra el turno activo y el tiempo estimado, actualizado en tiempo real. Sin noticias, sin tips de salud, sin publicidad. El diseño de la sala de espera reduce ansiedad, no la amplifica.
Información sin ruidoEl Ambient Scribe procesa la conversación en tiempo real sin grabar ni almacenar audio. El médico habla con el paciente con normalidad. Al terminar: nota SOAP estructurada lista para revisar.
Documentación sin distracciónLa nota está lista. Los diagnósticos verificados. Los medicamentos revisados contra alergias e interacciones conocidas. El médico corrige lo que quiere y firma. El sistema impide errores antes de que ocurran.
Verificación automática de seguridadDesde el mismo momento de la firma: nota clínica, receta y resultados disponibles en el portal del paciente. El médico no recibe mensajes preguntando por la receta porque el paciente ya la tiene.
Acceso inmediato al historial05 — El copiloto clínico
El copiloto es la pieza más sensible de Velandra. Estas son las cuatro decisiones de diseño que determinan cómo se comporta — porque en medicina, un sistema que decide solo puede matar.
El médico mira al paciente. La pantalla está a su derecha. El copiloto vive en el panel derecho para ser accesible sin romper el contacto visual con el paciente. No es estética — es seguridad clínica.
Una lista ordenada crea sesgo de posición: el primero gana por estar primero. Velandra muestra diagnósticos como cards con porcentaje de confianza. El médico evalúa, no sigue el orden de la máquina.
Una interacción farmacológica crítica o una alergia activa detiene la prescripción. No es un badge discreto que se puede ignorar. Es una interrupción deliberada que requiere una decisión consciente del médico para continuar.
Cada sugerencia del copiloto tiene un botón explícito de aceptar y uno de rechazar. El médico firma cada diagnóstico. Velandra no puede insertar datos en la historia clínica sin que el médico tome una decisión visible y activa.
06 — Semántica en vivo
Los badges de estado traducen directamente la arquitectura de color a la interfaz. Componentes construidos utilizando exclusivamente los tokens semánticos del sistema (Anatomía Radix UI).
30 minutos. Sin vendedores. El equipo de Velandra
te muestra el sistema funcionando en un caso real tuyo.