Sistema de identidad visual de Medimanage Research — lineamientos para garantizar coherencia en todos los puntos de contacto.
Versión
1.0 · 2025
Marca
Medimanage Research
Uso
Interno y agencias
01 · Logo
El símbolo de Medimanage
El logo combina un símbolo de cruz médica con una puerta abierta — representando el acceso a la salud y la investigación. Siempre respetar sus proporciones y espacio mínimo.
Vertical · Fondo blanco
Vertical · Fondo oscuro
Horizontal · Fondo claro
Horizontal · Fondo color
Espacio mínimo de protección
El espacio de protección equivale a la altura de la "M" del logotipo en todos los lados. Nunca colocar otros elementos dentro de esta zona.
✓ Correcto
✗ Incorrecto
Tamaño mínimo de reproducción
Digital mínimo
32px altura
Impresión mínima
15mm altura
Favicon / App icon
Solo símbolo
Usos incorrectos
No modificar los colores
No rotar el logo
No distorsionar proporciones
No usar sobre fondos con patrón
No usar sobre fondos no aprobados
No agregar efectos ni sombras
02 · Color
Paleta cromática
El sistema de color se construye sobre los dos tonos del logo: el violeta profundo como autoridad y el violeta medio como acento activo. El teal actúa como complemento funcional para validaciones y estados positivos.
Colores primarios
#2E1B5E
Plum
Color principal · Fondos oscuros · Autoridad
#6B3FA0
Violet
Acento primario · CTAs · Interactivos
#9B6FD4
Lavender
Acento secundario · Hover states
#C8ADEE
Lilac
Texto sobre fondos oscuros · Detalles
#F0EBF9
Mist
Fondos suaves · Superficies de tarjetas
Colores secundarios y neutros
#2A8F7F
Teal
Validaciones · Estados positivos
#E8A020
Amber
Advertencias · Notas importantes
#1A1128
Ink
Texto principal · Headings
#FAFAF8
Snow
Fondo base de la interfaz
Gradientes aprobados
135° · #2E1B5E → #6B3FA0 → #8B5CC8
Gradient Hero
Hero sections · Fondos principales · Headers
135° · #F0EBF9 → #EAE3F8
Gradient Mist
Secciones secundarias · Tarjetas de highlights
135° · #2E1B5E → #4A2880
Gradient Dark
Cards de CTA · Conclusion blocks · Footers
180° · rgba(46,27,94,0.8) → transparent
Gradient Overlay
Overlay sobre fotografías · Image captions
Tabla de referencia completa
Color
HEX
RGB
HSL
CMYK (aprox.)
Uso
Plum
#2E1B5E
46 · 27 · 94
254° 55% 24%
51·71·0·63
Color principal, fondos
Violet
#6B3FA0
107 · 63 · 160
270° 43% 44%
33·61·0·37
Acento primario, CTAs
Lavender
#9B6FD4
155 · 111 · 212
270° 55% 63%
27·48·0·17
Hover, secundario
Lilac
#C8ADEE
200 · 173 · 238
266° 70% 81%
16·27·0·7
Texto sobre oscuro
Mist
#F0EBF9
240 · 235 · 249
268° 67% 95%
4·6·0·2
Fondos suaves
Teal
#2A8F7F
42 · 143 · 127
171° 55% 36%
71·0·11·44
Validaciones positivas
Amber
#E8A020
232 · 160 · 32
37° 82% 52%
0·31·86·9
Advertencias
Ink
#1A1128
26 · 17 · 40
261° 41% 11%
35·58·0·84
Texto principal
Snow
#FAFAF8
250 · 250 · 248
60° 33% 98%
0·0·1·2
Fondo base UI
03 · Tipografía
Sistema tipográfico
Dos familias con roles distintos: DM Serif Display para headings con carácter editorial, e Inter para cuerpo de texto con máxima legibilidad. DM Mono para código y datos técnicos.
DM Serif DisplayTipografía de display · Headings H1–H3
El ecocardiograma es un estudio seguro, rápido y completamente indoloro.
Body
15–16px · 400 · 1.75
No requiere agujas, catéteres ni ningún tipo de radiación ionizante.
Label / UI
13–14px · 500–600
Agendar cita · Ver resultados · Descargar informe
Caption / Tag
11–12px · 600–700 · CAPS
Salud cardiovascular · Diagnóstico
DM MonoMonoespaciada · Códigos de color · Datos técnicos
#2E1B5E · #6B3FA0 · #9B6FD4
FEVI ≥ 55% · 20–40 min · 24–48 horas
cubic-bezier(0.16, 1, 0.3, 1)
Inter 400/500/600/700 · DM Serif Display
Pesos de Inter
Aa
Light
font-weight: 300
Aa
Regular
font-weight: 400
Aa
Medium
font-weight: 500
Aa
SemiBold ★
font-weight: 600 · UI principal
Combinación tipográfica
Sección de artículo · Blog · Página de servicio
¿Qué es un ecocardiograma transtorácico?
El ecocardiograma transtorácico en reposo es un estudio de imagen que utiliza ondas de ultrasonido para obtener imágenes detalladas del corazón mientras el paciente está en reposo.
Hero section · Landing page
Diagnóstico con precisión.
Evaluación cardíaca no invasiva con tecnología de ultrasonido de alta resolución. Resultados en 24–48 horas.
04 · Elementos UI
Componentes de interfaz
Los elementos de interfaz siguen un sistema consistente de radios, sombras e interacciones. Cada componente tiene variantes para distintos contextos y jerarquías.
El sistema de espaciado usa una escala de 4px base. Los radios de borde siguen un sistema consistente para crear jerarquía visual entre los distintos niveles de componentes.
Medimanage Research habla con autoridad científica y cercanía humana. Nunca condescendiente, nunca frío. La investigación rigurosa se comunica en lenguaje que cualquier paciente puede entender.
ClaroConfiableCercanoRigurosoEmpáticoAccesible
✓ Sí decimos
"El estudio no duele y dura entre 20 y 40 minutos."
Directo, específico, tranquilizador.
"Si tienes dudas, consulta siempre con tu cardiólogo."
Responsable sin ser alarmante.
"Un diagnóstico oportuno puede marcar la diferencia."
Motivador sin generar miedo.
✗ No decimos
"El procedimiento ecocardiográfico transtorácico se lleva a cabo mediante transductores piezoeléctricos..."
Demasiado técnico para el paciente general.
"¡No te preocupes! ¡Es súper sencillo! 😊"
Demasiado informal para una clínica de investigación.
"Podría ser señal de algo grave..."
Genera ansiedad innecesaria.
08 · Fotografía
Criterios de imagen
La fotografía de Medimanage Research muestra el proceso real con dignidad y claridad. Prioriza contexto clínico auténtico sobre imágenes de stock genéricas.
✓ Procedimiento real con equipo
✓ Especialista en acción
✓ Entorno clínico profesional
🎯
Contexto real
Equipo médico real, no stock genérico de hospital americano
💡
Iluminación cálida
Luz natural o cálida; evitar fluorescente frío y saturado
🤝
Paciente y médico
Mostrar la relación especialista–paciente con dignidad
📐
Proporción 16:9 / 4:3
Recorte horizontal para hero; vertical para perfil de médico
