Volver al inicio
Guía de Identidad Visual
Manual
de Marca
Sistema de identidad visual y comunicación
para Migo — Versión 1.0 · 2026
Migo
migo.app · Documento interno Siempre contigo.
Contenido
Manual
de Marca
01Introducción de la marca
09Paleta de colores
02Propósito, Misión y Visión
10Tipografía
03Valores de marca
11Logotipo — versiones y uso
04Personalidad y tono de voz
12Uso correcto e incorrecto
05Storytelling de la marca
13Iconografía y estilo visual
06Concepto visual
14Ilustraciones y mascota
07Psicología del color
15Errores comunes
Siempre contigo.
02
01
PARTE 01
Identidad
de Marca
Quiénes somos, qué creemos
y cómo hablamos.
03
01
Introducción
de la marca

Migo es una aplicación financiera diseñada para personas que quieren entender y controlar su dinero sin complicaciones. Permite gestionar ingresos, gastos, metas de ahorro y finanzas compartidas con amigos, pareja o grupos, desde un solo lugar.

El nombre viene de amigo: la app que siempre está contigo, que te acompaña sin juzgarte y te ayuda a crecer financieramente a tu propio ritmo.

"Siempre contigo." — Tagline oficial
02
Propósito, Misión y Visión
Propósito

Democratizar la educación y el control financiero para jóvenes adultos en Colombia, haciéndolo simple, visual y accesible.

Misión

Ofrecer una herramienta tecnológica que permita gestionar finanzas de forma sencilla, visual e inteligente, fomentando hábitos saludables.

Visión

Convertirse en la app de gestión financiera más utilizada por jóvenes latinoamericanos, transformando su relación con el dinero.

04
03
Valores de marca
Simplicidad
Hacemos lo complejo simple. Sin jerga técnica.
Claridad
Información visible, directa y fácil de entender.
Empatía
Entendemos las emociones detrás del dinero.
Colaboración
El dinero es social. Finanzas compartidas fácil.
Control
Gestión financiera sin culpa ni ansiedad.
Confianza
Seguridad y privacidad en cada transacción.
04
Personalidad y tono de voz
Personalidad
Cercano Optimista Claro Motivador Descomplicado
Migo SÍ Migo NO
Cercano, cálido, motivadorFormal, frío, corporativo
Simple, cotidiano, claroTécnico, financiero, complejo
Optimista, empático, honestoAlarmista, condescendiente
Informal pero respetuosoSlang excesivo o muy formal
05
05
Storytelling de la marca
"
El dinero es una cosa social, y merecía una herramienta que lo entendiera así.

Migo nació de la frustración. Las apps financieras existentes eran frías, individualistas y complejas. Hablaban de inversiones antes de enseñar a controlar gastos básicos. No entendían que el dinero también es emocional, social, compartido.

Decidimos crear algo diferente: una app que respeta tu tiempo, habla tu idioma y te acompaña sin juzgarte. Migo es el amigo financiero que todos merecen.

Tono en contexto
Gasto alto
«Ojo, llevas el 80% de tu presupuesto de ocio. ¡Aún puedes ajustar!»
«Ha superado el umbral de gasto establecido.»
Meta cumplida
«¡Lo lograste! Meta cumplida. Tu yo del futuro te lo agradece 🎉»
«Su meta de ahorro ha sido completada exitosamente.»
Recordatorio
«¿Ya te pagaron? Registra tu ingreso y mantén todo al día.»
«Por favor registre sus ingresos para actualizar su balance.»
06
02
PARTE 02
Identidad
Visual
Color, tipografía, logotipo
y sistema gráfico.
07
07 — 08
Paleta de colores
Color
Cada color tiene un rol semántico único · nunca intercambiables
#B6F2DC
Verde Menta · Principal
#1B221E
Verde Noche · Superficie
#0F1613
Noche Profunda · Fondo
#E77292
Rosa · Gastos
#7AB6DA
Azul Cielo · Metas
Escala tonal — Rosa
900
800
700
600
500
400
08
09
Tipografía
Space
Grotesk
La única tipografía permitida en cualquier soporte.
Sans-serif geométrica, moderna y con carácter propio.
AaBbCcDd
Bold · Títulos y montos
AaBbCcDd
SemiBold · Subtítulos
AaBbCcDd
Medium · Labels
AaBbCcDd 0123
Regular · Cuerpo
Siempre contigo. — Migo
Italic · Taglines
Jerarquía en app
Título pantallaBold 20–24px
Monto heroBold 32–40px
Subtítulo / LabelMedium 14–16px
CuerpoRegular 13–14px
CaptionRegular 11–12px
BotónBold 14–15px
Siempre contigo.
09
10 — 11
Logotipo
Versión principal · fondos claros · documentos
PRIMARIA
Versión secundaria · fondos oscuros · app
ADAPTABILIDAD
Anatomía del logotipo
El isotipo — el gato

La cabeza del gato forma la letra M. Sus ojos tienen heterocromía intencional. Puede usarse solo en favicon, ícono de app y avatares desde 28 px.

Ojo izquierdo · #B6F2DC — Verde Menta
Ojo derecho · #E77292 — Rosa (heterocromía)
igo
El wordmark — «igo»

Space Grotesk Bold. La M ya está en el gato. El wordmark nunca se usa solo: siempre debe ir acompañado del isotipo.

⚠ El wordmark no tiene identidad sin el gato
Mínimo logo: 38 px pantalla · 10 mm impresión
Mínimo isotipo: 28 px pantalla · 1 cm impresión
10
Escala · Espacio de respeto · Fondos
Tamaños mínimos y uso correcto
Escala recomendada
100 px · Uso general
70 px · Headers
50 px
38 px MÍNIMO
Gato · 40 px
28 px MÍNIMO
Espacio de respeto — la unidad es la letra «O» del wordmark

El espacio mínimo de protección alrededor del logotipo equivale al ancho de la letra «O» del wordmark igo medida al tamaño de uso.

Este espacio debe mantenerse libre de texto, otros logos o elementos gráficos en los cuatro lados del logotipo.

Este margen es intocable · escala con el logo
Versiones según el fondo
✓ Fondo #0F1613
✓ Fondo #1B221E
✓ Fondo #FFFFFF
✓ Fondo #F4F4F4
⚠ Verificar 4.5:1
11
12
Uso incorrecto del logotipo

Estas combinaciones comprometen la identidad visual. Evítalas siempre, en cualquier soporte.

✗ Sin contraste
Logo oscuro / fondo oscuro
El logo desaparece.
✗ Sin contraste
Logo blanco / fondo claro
No es legible.
✗ Distorsionado
Logo estirado horizontalmente
Rompe proporciones.
✗ Inclinado
Logo rotado o girado
Siempre horizontal.
igo
✗ Incompleto
Wordmark sin isotipo
Sin el gato no hay identidad.
✗
Recolorear el logo
Solo blanco o negro.
✗
Drop shadows / brillos
Sin efectos externos.
✗
Fondos no aprobados
Solo paleta oficial.
✗
Violar espacio de respeto
El margen es intocable.
✗
Tamaño mínimo
Mín. 38 px / 10 mm.
12
13
Iconografía
Outline siempre
Nunca se usan iconos rellenos (filled). La única excepción documentada es la campana de notificaciones cuando tiene contenido activo.
Tamaños base
24
24×24 px — Navegación principal
20
20×20 px — Elementos inline
16
16×16 px — Contextos compactos
Grosor de trazo
1.5–2 px a tamaño base · Escalar proporcionalmente
Color activo / inactivo
Activo · color semántico de la sección
Inactivo · nunca negro puro en navegación
Biblioteca oficial — Flaticon
Estilo outline redondeado consistente
Correcto vs Incorrecto
✓ Outline · Correcto
✗ Filled · Incorrecto
⚠ La campana filled es la única excepción cuando tiene notificaciones activas.
13
14
Ilustraciones y mascota
Estilo visual

Flat / Semi-flat con sombras suaves. Sin contornos fuertes. Formas sólidas con bordes redondeados. Sin perspectiva isométrica ni ilustraciones fotorrealistas.

Paleta y fondos

Siempre los colores oficiales de marca. Fondos oscuros (#1B221E) o transparentes. Sin colores fuera de la paleta aprobada.

El gato como personaje principal

El gato de Migo guía emocionalmente cada pantalla de la app. Es el ancla de la personalidad visual: curioso, amigable y cercano. Sus expresiones varían según el contexto de la UI.

Alegre 🎉
Logros, metas cumplidas, onboarding exitoso
Curioso 🐾
Onboarding, primeros pasos, descubrimiento
Tranquilo 😌
Estados vacíos, sin datos, reposo
14
03
PARTE 03
Consistencia
y Reglas
Los límites que protegen la identidad de Migo.
15
15
Errores comunes que deben evitarse

Los siguientes errores rompen la coherencia visual y comunicativa. Aplica a todos los equipos y colaboradores.

Identidad visual y color
✗Usar colores fuera de la paleta oficialLa paleta es fija
✗Invertir semántica de coloresVerde=ingresos · Rosa=gastos
✗Sombras duras o efectos de relieveDiseño es flat
Logotipo
✗Recolorear el logotipoSolo blanco o negro
✗Distorsionar o estirar el logoSiempre proporcional
✗Aplicar efectos externos al logoSin sombras ni brillos
✗Wordmark «igo» sin el isotipoSin el gato no hay ID
✗Ignorar el espacio de respetoEl margen es intocable
Tipografía
✗Usar otra fuente diferente a Space GroteskÚnica permitida
✗Mayúsculas sostenidas en párrafosSolo en labels cortos
✗Fuentes menores a 11 px en la appMínimo accesibilidad
Tono de comunicación
✗Usar lenguaje técnico sin explicarloHabla como amigo
✗Tonos alarmistas que generen ansiedadEnfocarse en el progreso
UI / UX
✗Esquinas cuadradas en cards o botonesRadio mínimo 8px
✗Iconos filled (excepción: campana activa)Siempre outline
✗Padding menor a 12 px en contenedoresMínimo 16px en cards
✗Rojo para elementos no críticosSolo errores críticos
16
“ Migo es más que una app.
Es la promesa de que entender tu dinero
no tiene que ser difícil, solitario ni aburrido. ”
Siempre contigo.
Manual de Marca Migo · Versión 1.0 · 2026 · Documento interno
17