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

Logos y manuales

Esta sección documenta el uso correcto de los logos para las diferentes operaciones. Este espacio actúa como la fuente oficial para consultar “favicons”, versiones para “headers” y adaptaciones para móvil, acompañados siempre por sus respectivos manuales de marca.

Se recomienda seguir estas pautas para asegurar que la identidad de marca sea siempre coherente, profesional y reconocible en todas las interfaces desarrolladas.

Principio de uso

Favicon

Se recomienda un tamaño de 512 × 512 px, garantizando calidad y escalabilidad para adaptarse correctamente a diferentes dispositivos y contextos.

Nota

Un favicon (o favorite icon) es ese pequeño ícono o logotipo cuadrado que aparece en la pestaña del navegador, junto al título de una página web.

Es, en esencia, la firma visual de una marca en el entorno digital y sirve para:

  • Identificar el sitio en pestañas del navegador
  • Representar la marca en marcadores/favoritos
  • Mostrar identidad en accesos directos y apps web

Header

Los logos en los header, tanto desktop como responsive, deben mantener una altura aproximada entre 50 y 60 px, garantizando buena legibilidad y proporción dentro de la interfaz sin afectar la jerarquía visual.

Medellín

Descarga aquí el logo principal de Movilidad en Línea Medellín. 

Descarga aquí el favicon de Movilidad en Línea Medellín. 

Uso en headers

Para más información, consulta el manual de marca correspondiente, aquí.

Cali

Descarga aquí el logo principal de Servicios Digitales Cali. 

Descarga aquí el favicon de Servicios Digitales Cali.

Uso en headers

Para más información, consulta el manual de marca correspondiente, aquí.

Manizales

Descarga aquí el logo principal de Movilidad en Línea Manizales.

Descarga aquí el favicon de Movilidad en Línea Manizales.

Uso en headers

Logos y manuales - PreviousUso tipográficoNext - Logos y manualesElementos
Contenidos

Copyright © 2026 Quipux. Todos los derechos reservados