Design System Quipux Design System Quipux
  • Inicio
  • Plataformas digitales
    • Clientes
      • Fundamentos
        • Estilos
        • Formularios
        • Componentes
      • Sistemas Inteligentes de Movilidad
        • Contenido
        • Elementos
        • Layouts
        • Templates
        • Componentes
Design System Quipux Design System Quipux
  • Inicio
  • Plataformas digitales
    • Clientes
      • Fundamentos
        • Estilos
        • Formularios
        • Componentes
      • Sistemas Inteligentes de Movilidad
        • Contenido
        • Elementos
        • Layouts
        • Templates
        • Componentes
Plataformas digitales
  • Folder icon closed Folder open iconClientes
    • Fundamentos
      • Estilos
        • Colores
        • Iconografía
        • Elevaciones
        • Tipografía
        • Grids
      • Formularios
        • Inputs
        • Selects
        • Toggles
        • Slider
        • File uploader
      • Componentes
        • Button
        • Cards
        • Progress bar
        • Badge, tags y chips
        • Usos y normas de las tablas
    • Sistemas Inteligentes de Movilidad
      • Contenido
        • Colores
        • Uso tipográfico
        • Logos y manuales
      • Elementos
        • Footer
        • Notificaciones
      • Layouts
        • Ejemplos de vistas
        • Ejemplo de uso de grids
        • Ejemplos de vistas de WordPress
      • Templates
        • Correos
        • Documentos
      • Componentes
        • Lista
        • Usos de progress bar
        • Botones
        • CIVii
  • Folder icon closed Folder open iconCorporativo
  • Folder icon closed Folder open iconPlantilla

CIVii

CIVii es un componente de apoyo transversal diseñado para acompañar al ciudadano durante la navegación dentro de los portales de cada operación. Su objetivo es facilitar el acceso a información, resolver preguntas frecuentes y orientar al usuario en la realización de trámites o consultas sin interrumpir la experiencia principal.

Se presenta como un “botón” flotante ubicado en la esquina inferior derecha de la interfaz, visible durante la navegación y disponible desde cualquier sección del portal, tanto en desktop como en responsive.

Su identidad visual se adapta a cada operación mediante el uso de los colores primary y secondary, permitiendo mantener coherencia con la marca institucional sin perder consistencia funcional dentro del ecosistema digital.

Estados

  1. Default
  2. Hover

Aplicación por operación

Medellín

  1. Primary: var(--primary-medellin)
  2. Secondary: var(--secondary-medellin)

Cali

  1. Primary: var(--primary-cali)
  2. Secondary: var(--secondary-cali)

Manizales

  1. Primary: var(--primary-manizales)
  2. Secondary: var(--secondary-manizales)
CIVii - PreviousBotonesNext - CIViiCorporativo
Contenidos

Copyright © 2026 Quipux. Todos los derechos reservados