Saltar al contenido
Xecure
Paso 1 · Decisión de diseño

Tres kits visuales.
Un solo sistema de componentes.

Los tres comparten los mismos design tokens, las mismas primitivas y la misma estructura de navegación. Lo que cambia es la paleta, la tipografía, el radio y la densidad. Por eso no hay que elegir uno solo y descartar los otros dos: se compone según el tipo de usuario que tenga la pantalla al frente.

Elige uno para verlo aplicado en toda la aplicación. La preferencia queda guardada en este navegador.

XecureInstitucional, confiable, financiera
Recomendado como baseAplicadoNace claro

Lenguaje visual de entidad financiera: sobrio, estable y legible. Prioriza la sensación de respaldo por encima de la novedad.

Prima

$198 M

Meta

82 %

En riesgo

4

Pólizas por vencer4 críticas
Logística Andina15 d
Transportes del Llano10 d
Constructora Aurora32 d
RenovarCotizar

Paleta

  • Azul profundo #144E9C
  • Azul medio #2E6BC6
  • Turquesa #0E8F8C
  • Gris neutro #56687F
  • Fondo claro #F4F7FB
Tipografía
IBM Plex Sans
Radio
10 px — bordes suaves, casi rectos
Densidad
Media-alta · fila de tabla 46 px
Público
Agencias tradicionales · Corredores · Empresas · Usuarios corporativos
  • Seguridad
  • Control
  • Seriedad
  • Confianza

Uso recomendado

  • Toda la plataforma interna (kit base)
  • Portal de autogestión del cliente (§21)
  • Propuestas y comparativos enviados al cliente (§10.5)
  • Presentaciones corporativas y marca blanca
XecureModerna, productiva, centrada en el asesor
Nace claro

Herramienta de trabajo diario. Espacio generoso, jerarquía clara, copiloto de IA siempre a la mano y acciones rápidas sobre lo que vence hoy.

Prima

$198 M

Meta

82 %

En riesgo

4

Pólizas por vencer4 críticas
Logística Andina15 d
Transportes del Llano10 d
Constructora Aurora32 d
RenovarCotizar

Paleta

  • Azul violeta #5B4BE8
  • Violeta #8B5CF6
  • Verde éxito #15803D
  • Naranja alerta #C2410C
  • Blanco cálido #FBFAF9
Tipografía
Plus Jakarta Sans
Radio
18 px — tarjetas redondeadas
Densidad
Cómoda · fila de tabla 56 px
Público
Asesores independientes · Equipos comerciales · Agencias digitales
  • Cercanía
  • Agilidad
  • Innovación
  • Productividad

Uso recomendado

  • Alternativa para equipos comerciales jóvenes
  • Agencias digitales con marca propia
  • Asesores independientes que prefieren más aire
  • Disponible en Configuración → Apariencia
XecureCentro de control de operaciones
Nace oscuro

Consola técnica. Alta densidad de información, estado en vivo, colas, trazabilidad y diagnóstico. Diseñada para vigilar, no para vender.

Prima

$198 M

Meta

82 %

En riesgo

4

Pólizas por vencer4 críticas
Logística Andina15 d
Transportes del Llano10 d
Constructora Aurora32 d
RenovarCotizar

Paleta

  • Azul noche #070C16
  • Cian #22D3EE
  • Verde operativo #22C55E
  • Amarillo aviso #FACC15
  • Azul señal #0EA5E9
Tipografía
IBM Plex Sans + IBM Plex Mono
Radio
6 px — esquinas técnicas
Densidad
Alta · fila de tabla 38 px
Público
Agencias grandes · Corredores · Administradores · Operación multiaseguradora · Equipos RPA
  • Precisión
  • Escala
  • Tecnología
  • Control operativo

Uso recomendado

  • Orquestador RPA y monitor de robots (§24)
  • Integration Hub y estado de conectores (§23)
  • Auditoría y cumplimiento (§27.5)
  • Administración SaaS del superadministrador (§3.1)

Qué se aplicó sobre Xecure

Trust Blue es el tema de toda la plataforma. Una sola lectura visual para la interna y para el portal del cliente: lo que el asesor ve es lo mismo que verá su cliente, y eso reduce la fricción al presentar. Los otros dos quedan disponibles como alternativa en Configuración → Apariencia, junto con el color de marca de la organización.

Xecure
Tema de la plataforma

Trust Blue

  • Toda la interfaz interna
  • Portal de autogestión del cliente
  • Propuestas y comparativos
  • Marca blanca y corporativo
Xecure
Alternativa

Advisor Flow

  • Equipos comerciales jóvenes
  • Agencias digitales
  • Más aire y microinteracciones
  • Se activa en Configuración
Xecure
Alternativa técnica

Insurance Command

  • Turnos largos de operación
  • Pantallas de monitoreo continuo
  • Alta densidad de información
  • Se activa en Configuración