passer.app
Identidad de marca · App de transporte 2025
01 — Concepto
Tu ciudad, en un toque.
Passer conecta a cada pasajero con su bus en tiempo real. El nombre nace de pasar: el flujo constante de gente que se mueve por la ciudad. El isotipo —una P de trazo continuo— dibuja ese recorrido: una ruta que sale, gira, llega. Cercana, rápida, confiable.
02 — El símbolo
Un ícono, todo un sistema.
El isotipo es la P de Passer resuelta como ícono de app: el ojal superior sugiere una parada, un giro de ruta, un punto en el mapa. Funciona en sólido, en degradado, en monocromo, siempre reconocible en la pantalla de inicio.
App
Sólido
Acento
Oscuro
Claro
Mono
03 — Construcción
Geometría del isotipo.
La P se levanta sobre una retícula modular: el ojal descansa en un círculo, el asta en ejes verticales. Proporciones constantes que sostienen la lectura desde un favicon de 16px hasta una valla. El área de respeto equivale a la altura de x.
04 — Logotipo
05 — Paleta
Cromática
Color principal
Púrpura
#5F1B87
Magenta
#CC0D5A
Oscuro
#2E2E2E
Claro
#F7F7F7
Papel
#FFFFFF
06 — Tipografía
Aa
Roboto Condensed
Titulares · Interfaz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz 1234567890
Moverse en tiempo real.
Aa
Ubuntu
Texto · Párrafos
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz 1234567890
Tu bus, siempre a la vista.
07 — Aplicaciones
La marca en la app.
El sistema aplicado a la experiencia real: buscar una ruta, seguir el bus en vivo, abordar con el boleto digital. Color, tipografía e iconografía trabajando juntos en pantalla.
9:41
Hola, Ana
¿A dónde vamos hoy?
Origen
Mi ubicación
Destino
Terminal Norte
CasaTrabajoRecientes
Próximas salidas
Ruta 42
Centro → Norte
Ruta 18
Sur → Centro
Ruta 7
Este → Terminal
9:41
Av. Libertador · 12 paradas
Ruta 42 · En camino
Tu parada: Av. Libertador
4
min
CentroPlazaTúNorte
9:41
Boleto digital
Centro
08:30
Norte
09:05
PSR · 42 · 8F3K9
App de transporte urbano
hola@passer.app · passer.app
+58 424 000 0000
+58 424 000 0000
Buses · Rutas · Boletos
Iconografía
08 — UI Kit
Elementos base.
Componentes fundamentales de la interfaz de Passer: botones, campos, chips, switches, badges.
Botones
Buscar busesVer rutasCancelar
Campos
Origen
Mi ubicación
Destino
Terminal Norte
Chips
CasaTrabajoRecientes
Switches
Badges
En vivoNuevo4 min
Progreso
09 — Social media
La marca en redes.
Un sistema de plantillas para feed: logo, degradado, tipografía condensada, mensajes cortos. Una misma voz en cada pieza.
Passer
Tu bus,
en tiempo
real.
en tiempo
real.
passer.app
Llega
a tiempo,
siempre.
a tiempo,
siempre.
Moverse
es la ciudad.
es la ciudad.
Gracias
Diseño por dequisna · dequisna.uno