Manual
de marca.
+54 9 381 402-2522
No vendemos rastreadores.
Vendemos certeza.
mobileQuest existe para devolverle al empresario el control sobre lo que se mueve. Donde otros ven hardware, nosotros vemos personas que necesitan dormir tranquilas sabiendo que su operación está bajo control.
El Cuidador.
Somos una marca proteccionista. Nuestra misión es cuidar lo importante: poner en foco a las personas, entender las necesidades de su operación y darle soluciones. Acompañamos. No imponemos.
El Cuidador no grita. Tampoco se esconde. Está presente cuando hace falta y desaparece cuando no. Esa es la línea que define cada decisión de comunicación.
- →Ser los ojos de nuestros clientes.
- →Ayudarlos a cuidar sus unidades.
- →Ayudarlos a ser más eficientes.
- →Protegerlos de fraudes y robos.
- →Proporcionar certidumbre.
Control real, no aparente.
Cada feature existe porque resuelve un problema concreto. Reglas combinables, sensores específicos, automatización que actúa sola. Sin humo.
Software propio.
Cada línea de código es nuestra. Por eso podemos customizar, ajustar y resolver problemas puntuales sin pedirle permiso a nadie.
Presencia cercana.
Equipo propio, atención directa, conocimiento del territorio. Hablamos con personas, no con tickets.
Ver para crecer.
Sintetiza los cuatro valores que defienden a nuestro cliente: visión, tranquilidad, control y crecimiento. Se usa siempre en cierre de pieza, nunca como titular principal en mismo campo visual que el logo.
Promesas alternativas
Claims complementarios para usos específicos. Mantener uno por pieza.
Monitoreo satelital de desarrollo propio.
Tecnología de confianza.
Vos en todos lados.
El sistema visual
en una sola unidad.
El logotipo de mobileQuest combina un isotipo —un pin geolocalizado emitiendo señal— con un wordmark de dos pesos. Ambos elementos funcionan juntos o por separado, pero siempre dentro de las reglas que siguen.
Dos componentes, una sola marca.
El isotipo carga el concepto (cuidado + ubicación + señal). El wordmark carga la lectura (énfasis en Quest, lo distintivo, no en mobile, lo genérico).
Pin de ubicación abrazando una onda de señal. La forma es protectiva (el pin envuelve), la señal es tecnológica (irradia hacia arriba). Construido sobre geometría limpia, sin detalles decorativos.
mobile en peso liviano, Quest en peso bold. Una sola palabra, sin espacio, sin guion. La capital de Q es el ancla óptica de la marca.
Cinco versiones aprobadas.
El diseñador entregó cinco variantes oficiales del logo. No son intercambiables: cada una existe porque el contexto donde se aplica lo exige. Por defecto, sobre fondo corporativo (navy) usar la Variante 2 · Color sobre oscuro, no la monocroma blanca.
Una "Q" alrededor. Siempre.
El espacio mínimo libre alrededor del logo equivale a la altura de la letra Q del wordmark. Ningún otro elemento gráfico, texto o margen de pieza puede invadir esa zona.
Bajo estas medidas, no se garantiza legibilidad.
El fondo decide la variante. No al revés.
La regla deja de ser binaria. Cinco escenarios cubren el 99 % de los casos. Si una pieza no encaja con ninguno, se consulta antes de aplicar — no se inventa.
1. ¿Es impresión B&N o fax?
→ Variante 03 (grises).
2. ¿El fondo es naranja, rojo o gradiente Quest?
→ Variante 04 (mono negro).
3. ¿Es foto, gradiente complejo o escala ≤ 32 px?
→ Variante 05 (mono blanco).
4. ¿El fondo es oscuro (navy, gris 50–100 %, negro)?
→ Variante 02 (color sobre oscuro).
5. Caso default (fondo claro)
→ Variante 01 (color).
Usar variante 05 (blanca) sobre navy cuando puede ir la 02 (color sobre oscuro) — pierde la firma cromática.
Usar variante 01 sobre naranja: los arcos navy se mezclan con el fondo y la marca pierde legibilidad. Va la 04.
Recolorear el gradiente del pin para "adaptarlo" al fondo. Las variantes son cerradas — si ninguna funciona, se consulta.
Contraste mínimo logo ↔ fondo: 4.5 : 1.
Qué no hacer con el logo, nunca.
El logo no se modifica. Punto. Si una pieza necesita un tratamiento que no está en este manual, se consulta antes de aplicarlo.
Una paleta corta.
Usada con intención.
La identidad cromática de mobileQuest se apoya en tres protagonistas: el navy como base de toda la comunicación, y el degradé Quest (naranja → rojo) como acento de energía y alerta. Todo lo demás es soporte.
El degradé es la firma cromática de la marca. Se aplica de naranja a rojo, siempre en sentido superior → inferior (o izquierda → derecha en headlines). Nunca en otras direcciones, nunca con stops intermedios.
Escala de soporte para superficies, líneas, jerarquía tipográfica y estados desactivados. No usar como acento.
Regla general: el navy domina, el acento se reserva. El degradé Quest aparece donde concentra la atención, no donde decora.
Pares verificados (WCAG AA)
Geist + Geist Mono.
Neutra para hablar.
Técnica para etiquetar.
Una sola familia para todo el sistema, en dos pesos visuales. Geist sostiene el discurso. Geist Mono aparece donde la marca señala datos, etiquetas, código o referencias técnicas — el espíritu "técnico-confiable" de la operación.
Aa·01
Sólo para: etiquetas en versalitas, números, coordenadas, identificadores y captions. Nunca para párrafos.
- Titulares: Medium (500). Nunca Bold. Letter-spacing negativo siempre.
- Cuerpo: Regular (400). Nunca menor a 14px en pantalla, 9pt en impreso.
- Captions / metadatos: Geist Mono, ALL CAPS, letter-spacing +6 a +12%.
- Numerales: Usar variant tabular para tablas y dashboards.
- Cursivas (la marca no necesita énfasis decorativo).
- Subrayados, salvo en enlaces de cuerpo.
- Mezclar más de dos pesos en un mismo titular.
- Justificar bloques de texto. Siempre alineación izquierda.
- Otra tipografía. Geist es exclusiva.
Hablamos con personas
que no quieren más promesas.
Cuatro atributos definen cómo suena mobileQuest en cualquier canal: web, app, email, propuesta comercial, atención al cliente. La voz no cambia. El tono sí, según el momento.
Directo.
Empezamos por el hecho. La explicación viene después, solo si hace falta. Cero rodeo corporativo.
Confiable.
Hablamos con la calma de quien lleva 15 años haciéndolo. No prometemos lo que no podemos sostener.
Cercano.
Castellano rioplatense, vos, sin formalismos vacíos. Hablamos como hablan nuestros clientes en planta.
Técnico sin jerga.
Conocemos cada sensor por nombre. No por eso escribimos para que solo lo entendamos nosotros.
Ejemplos lado a lado.
- · monitorear, no "trackear"
- · flota, no "parque automotor"
- · unidad, no "vehículo" en contextos operativos
- · geocerca, no "zona virtual"
- · desvío, no "irregularidad"
- · desarrollo propio, siempre
01 Problema real del cliente.
02 Nuestra respuesta concreta.
03 Cómo lo hacemos diferente.
04 Llamada a la acción simple.
Sistema visual
más allá del logo.
Iconografía minimal, patrones de fondo controlados, y un repertorio de elementos UI consistentes. Todo construido para que el navy respire y el degradé Quest aparezca solo donde cuenta.
Lineales, 1.5px, esquinas redondeadas.
Sistema de íconos uniforme. Trazo de 1.5px (a 24×24), esquinas con radio 1.5, terminaciones cuadradas. Sin relleno, salvo estados activos donde se invierte fondo y trazo.
Dos patrones, mismo origen.
Texturas atmosféricas para usar como fondo de piezas, hero sections y separadores. Densidad baja: ni dominan ni interfieren. Siempre sobre navy. Nunca sobre claro.
El sistema en uso.
Cuatro ejemplos canónicos. Si tu pieza encaja con alguno de estos, partí de él. Si no, consultá antes de inventar.
Cuatro casos canónicos.
Para perfiles cuadrados o circulares (Instagram, LinkedIn, WhatsApp Business, Google Business). El isotipo va centrado y nunca pegado al borde. La variante depende del fondo del avatar, según las reglas de la sección 02.
Del manual
a la producción diaria.
Esta sección traduce el sistema visual a reglas operativas: tokens, estados, componentes, criterios de pantalla, email y reporte. Es la fuente de verdad que usa el equipo —y la IA que asista al equipo— para que cada pieza salga consistente sin tener que volver a decidir desde cero.
Un solo nombre para cada cosa.
Si un valor aparece en más de una pieza, vive como token. Si cambia el manual, el token cambia y todas las superficies se actualizan. Nunca usar valores hex sueltos en código de producción.
/* mobileQuest design tokens — v1.2 */ :root { /* color */ --mq-navy-950: #060B17; --mq-orange: #FFA00F; --mq-red: #E93241; --mq-success: #6FC06F; --mq-info: #6FA3E0; /* lines / borders */ --mq-line: rgba(255,255,255,0.08); --mq-line-strong: rgba(255,255,255,0.14); /* type */ --mq-font-sans: "Geist", system-ui, sans-serif; --mq-font-mono: "Geist Mono", ui-monospace, monospace; /* geometry */ --mq-radius-md: 6px; --mq-space-4: 16px; }
Seis estados. Sin sinónimos.
Cada estado tiene un único color asignado. No se reasignan: el verde nunca es advertencia, el rojo nunca es éxito. Las alertas de mobileQuest viajan de un sistema a otro (UI, email, reporte) — la coherencia cromática es la que sostiene la lectura.
El repertorio.
Estos son los bloques canónicos. Si una pieza necesita un componente que no está acá, primero se diseña como token y se documenta; recién después se aplica.
Primary · una sola por vista, la acción principal. · Quest · acentos de marca (signup, upgrade). · Danger · acciones destructivas o de pánico, requieren confirmación.
Numerales tabulares en columnas de números. Alias en peso 500, secundarios en mono al 65 %.
Apagar motor remoto
escSin alertas en las últimas 24 hs
Todo lo importante está en su lugar. Las alertas operativas aparecen acá apenas se detectan.
Configurar reglasDecisiones canónicas por tipo de vista.
Cada tipo de pantalla tiene una jerarquía esperada, un dato protagonista y un patrón de chrome. Esto evita rediseñar de cero cada vez y mantiene la lectura consistente entre el dashboard, la app móvil y la futura web embebida.
El email es interfaz. No es decoración.
Cinco tipos de email cubren el 95 % de la comunicación saliente. Mismo header de marca, misma firma, misma jerarquía. La diferencia entre ellos es el tono, no la estructura.
- Asunto con verbo + objeto + contexto en 8 palabras o menos.
- Header con isotipo blanco sobre
--mq-navy-950. - Una sola CTA primaria por email.
- Firma con nombre real + cargo + WhatsApp directo.
- Emojis al inicio del asunto (salvo símbolo de severidad
⚠/✓). - Más de un degradé Quest por email.
- "Estimado/a cliente". Decimos el nombre.
- Imágenes pesadas sin
altni fallback de texto.
El dato manda. La marca acompaña.
Un reporte de mobileQuest no es un dashboard impreso ni un brochure: es un documento operativo que el cliente revisa en frío. Datos claros, jerarquía evidente, sin decoración que distraiga.
Si el cliente tiene que preguntar qué quisiste decir,
perdiste la venta y la confianza.
Buena parte de nuestros clientes no son técnicos: dueños de empresa, jefes de logística, supervisores de planta. La regla general: hablamos de lo que ven, no de cómo está implementado.
- Alias — el nombre que el cliente le puso a la unidad (patente, interno, nombre operativo, alias configurado).
- Unidad — un vehículo, máquina o activo monitoreado.
- Última señal — cuándo nos llegó el último dato.
- Geocerca — zona configurada en el mapa.
- Sin movimiento — la unidad está quieta.
- Apagado remoto — corte de motor desde la plataforma.
- Dominio — confuso. El campo puede ser patente, interno o alias; "alias" lo abarca todo.
- Móvil / objeto — abstracto. Decimos "unidad".
- Timestamp / heartbeat — jerga interna.
- Zona virtual / polígono — decir "geocerca".
- Status idle — inglés gratuito. Decir "sin movimiento".
- Kill switch — agresivo. Decir "apagado remoto".
Donde antes decíamos "Dominio", hoy decimos "Alias". Es el nombre con el que el cliente identifica su unidad: puede ser una patente real, un número interno, un nombre operativo ("Camión Norte 12") o un apodo. "Alias" cubre los cuatro casos sin obligar al cliente a pensar en categorías.
Cómo se escribe cada cifra.
- Tiempo relativo:
hace 22 s · hace 4 min · hace 1 h. Hasta 24 hs. - Tiempo absoluto:
14:32 · 12/03/2026. Formato 24 hs. - Velocidad:
82 km/h. Espacio antes de la unidad. - Distancia:
1.847 km. Punto como separador de miles. - Coordenadas: mono, decimales con coma:
-26,8241 · -65,2226. - Patentes / IDs: mono, sin guion ni espacio:
AB123CD.
- Mezclar
1,847con1.847en un mismo documento. - Formato 12 hs ("2:30 PM"). Nunca.
- Decimales con punto en castellano:
26.8debería ser26,8. - Símbolos sin contexto: solo un número sin unidad ni etiqueta.
- Inglés mezclado: "12 mins ago" en una interfaz en castellano.
Cómo aplicar mobileQuest sin intervención humana.
Pensado para asistentes que generen UI, copy, emails, reportes o documentación de marca. Si la IA cumple este checklist, el output queda dentro de norma sin necesidad de revisión visual.
- La variante del logo la decide el fondo, no la estética. Árbol de decisión:
(1)impresión B&N → variante 03.(2)fondo naranja/rojo/gradiente Quest → variante 04 (mono negro).(3)foto / gradiente complejo / escala ≤ 32 px → variante 05 (mono blanco).(4)fondo oscuro corporativo (navy, gris 50-100 %, negro) → variante 02 (color sobre oscuro).(5)default, fondo claro → variante 01 (color). Nunca recolorear el gradiente del pin para "adaptarlo": las variantes son cerradas. - Paleta cerrada. No introducir colores fuera de los tokens. El degradé Quest sólo aparece en una superficie por vista. Verde, info, warning y red son exclusivos de los estados que indican.
- Geist sí, Geist Mono sí, nada más. Para datos, etiquetas, números, IDs y captions usar mono. Para todo el cuerpo y display, sans. No mezclar.
- Castellano rioplatense. Vos en lugar de tú. Verbos directos:
cotizá,configurá,monitoreá. Sin formalismos vacíos. - Estructura de copy: 1) problema concreto, 2) respuesta concreta, 3) diferencial, 4) acción simple. Sin claims abstractos como apertura.
- "Alias", no "dominio". Donde haya que referirse al identificador de la unidad para el cliente, usar siempre
Alias. Internamente puede convivir conpatenteoid_externo, nunca en UI hacia cliente. - Cifras con formato local: coma decimal, punto de miles, formato 24 hs, espacio antes de la unidad, tiempo relativo hasta 24 hs.
- Una sola CTA primaria por vista o email. El resto, secundaria o terciaria.
- Iconografía sólo de la familia documentada (lineal, 1.5 px, esquinas redondeadas, sin relleno). Si falta un ícono, dejar placeholder, no inventar uno con otro estilo.
- Estados vacíos siempre con motivo + próximo paso. Nunca un "no hay datos" suelto.
- Output con tokens, no con hex sueltos. En código generado, usar
var(--mq-navy-950), no#060B17. - Ante duda, consultá el manual antes de inventar. Cualquier patrón nuevo es candidato a documentarse; no a aplicarse sin revisión.
Sos un asistente de mobileQuest. Generá output siguiendo el manual v1.2: · Tokens en --mq-*. Sin hex sueltos. · Logo: 5 variantes oficiales. La variante se decide por el fondo (árbol de decisión en sección 02). Por defecto sobre navy usar variante 02 (color sobre oscuro), NO la blanca. · Geist / Geist Mono únicas tipografías. · Castellano rioplatense, voseo. · "Alias", nunca "dominio". · Una CTA primaria por vista. Si el caso no está en el manual, marcá "requiere revisión" y proponé estructura.
El archivo manual.md es la versión portable de este manual, pensada para alimentar como contexto a una IA, una skill personalizada o un sistema de generación automática. Mantenerla sincronizada con cada release del manual visual.
Este manual es un punto de partida, no un cerco.
Si tenés una duda, una pieza nueva, un caso que este documento no cubre — escribinos. Es mejor consultar antes que rehacer después. La marca crece cuando se aplica con criterio, no solo con plantilla.