IntegrantiManual de marca.
El sistema visual que mantiene a Integranti coherente, reconocible y memorable en cada punto de contacto — del producto a la web, del favicon a la presentación.
Conectar lo que estaba separado.
Integranti une sistemas, datos y equipos en un único espacio operativo. Nuestra marca comunica orden, fiabilidad y la satisfacción de ver todas las piezas encajar.
Integración sin fricción
Hacer que herramientas dispares funcionen como un solo sistema, sin código frágil ni mantenimiento eterno.
Precisa y serena
Técnica pero humana. Segura sin ser fría. Habla con claridad de ingeniero y calma de socio de confianza.
El módulo y el satélite
Un contenedor con un punto de convergencia central y una pieza que se acopla: cada nueva integración encuentra su lugar.
El logotipo.
El logo combina el símbolo (isotipo) y el wordmark «Integranti». Es la firma principal de la marca y su versión preferente sobre fondo oscuro.
Usa el lockup completo siempre que el espacio lo permita (web, presentaciones, encabezados). Usa el isotipo solo en espacios reducidos o cuadrados (favicon, avatar, app icon, loaders). El wordmark solo se reserva para contextos donde el símbolo ya aparece cerca.
Geometría y aire.
El símbolo se construye sobre una retícula. El área de protección y el tamaño mínimo garantizan que respire y se lea siempre con claridad.
El margen mínimo equivale a la mitad del lado del módulo principal (½x) en los cuatro costados. Nunca coloques texto u otros elementos dentro de esta zona.
Isotipo: nunca por debajo de 24 px en pantalla (16 px solo para favicon). Lockup completo: ancho mínimo 120 px. En impresión, isotipo ≥ 8 mm.
Una marca, todos los fondos.
El logo prioriza el contraste. Estas son las únicas combinaciones aprobadas.
Sobre fotografía, sitúa el logo en una zona de bajo detalle y usa la versión blanca (zonas oscuras) o ink (zonas claras), asegurando una ratio de contraste mínima de 4.5:1.
Lo que nunca hacemos.
La consistencia protege el reconocimiento. Evita estas alteraciones sin excepción.
La paleta.
Dominada por el Midnight Ink y el blanco, con un azul de señal como único acento expresivo. Disciplina cromática = marca reconocible.
Primarios
Neutros de soporte
Funcionales
70% Ink · 22% Blanco · 8% Signal Blue. El acento se usa con intención: cuando todo destaca, nada destaca.
Manrope.
Una grotesca geométrica de carácter limpio que armoniza con el wordmark. Una sola familia, todos los pesos: claridad de sistema, sin ruido.
Titulares, wordmark, interfaz y texto largo. Geométrica, neutra y muy legible en pantalla.
Mono
Etiquetas, códigos, datos, valores de color y elementos técnicos del producto.
Elementos de marca.
El lenguaje visual nace del propio símbolo: módulos redondeados, el punto de convergencia y la retícula.
Todos los contenedores comparten el ADN del símbolo: esquinas suaves y consistentes. Radios sugeridos — 8px (botones, chips), 14–18px (tarjetas, paneles), 24px (módulos grandes). Sin esquinas vivas.
Cómo hablamos.
Claros antes que ingeniosos. Explicamos lo complejo en lenguaje sencillo, con la confianza de quien domina el sistema.
Frases cortas. Sin jerga innecesaria. Si una palabra técnica no aporta, fuera.
Afirmamos lo que hacemos sin exagerar. Cumplimos lo que prometemos.
Hablamos de tú. Acompañamos, no sermoneamos. Humanos detrás del sistema.
Directo, beneficio claro, verbo de acción.
Vacío, abstracto, lleno de relleno corporativo.
Honesto sobre el error, con el siguiente paso claro.
La marca en acción.
Del sitio público al producto. Misma identidad, dos territorios coherentes.
Todas tus herramientas, un solo sistema.
Integra, automatiza y orquesta tus flujos de trabajo sin escribir una línea de pegamento.
Solo el isotipo. A 16 px se mantiene el módulo y el satélite; nunca el wordmark.
Conecta.
Integra.
Este manual es un documento vivo. Mantén la marca consistente y, ante la duda, prioriza el contraste, el aire y la claridad.
app.integranti.com
Brand Guidelines · Versión 1.0 · 2026