Integra/S: uma plataforma que organiza para aproximar

Este projeto teve um escopo bem menor que o normal. O Sistema FAEP precisava de algo simples e rápido para colocar a plataforma no ar, e não de um manual completo com dezenas de páginas.

Por isso, foquei no que o lançamento realmente pedia: símbolo e assinatura, uma paleta que funciona na interface, tipografia, um guia rápido de marca e modelos de slides para apresentações.

Escopo pequeno não significa pensar menos. Significa que cada decisão precisa justificar o seu lugar.

O principal desafio era criar algo novo, que se destacasse das outras marcas do Sistema FAEP e fosse fácil de reconhecer, mas sem deixar de lado o estilo mais tradicional.

A resposta já estava no nome. O S é o ativo mais valioso da Integra/S e é polissêmico de propósito: Sistema, Sindicato, Serviço e Solução. Ou seja, era o candidato natural a símbolo.

Então desenhei um S suavizado a partir de formas em curva. Cada curva representa os sindicatos, os módulos e os serviços que a plataforma organiza, seguindo no mesmo fluxo. O traço contínuo sugere caminhos que se aproximam e se conectam, sem virar o clichê de rede cheia de pontinhos e linhas.

O círculo não funciona apenas como contorno. Ele representa o ambiente centralizado que conecta e organiza todos esses elementos: unidade, organização e integração em uma forma só.

O resultado é um símbolo que comunica centralização sem ilustrar tecnologia. A identidade é percebida como tecnológica sem assumir a estética genérica de uma startup ou de um software comercial.

Integração sem engrenagem,
nuvem ou circuito.

No produto digital, a cor precisava ajudar as pessoas a trabalhar melhor. E aqui tinha um problema clássico: o verde já fazia parte do repertório institucional, mas fazia trabalho demais. Era a assinatura da marca e, ao mesmo tempo, o sinal de sucesso.

Quando a mesma cor diz duas coisas, a interface perde clareza. Por isso, dividi o verde por matiz, para que marca e estado nunca ocupem o mesmo cargo.

São cinco tons do mesmo verde, cada um com um papel: Pinheiro para capas e fundos escuros, Integra como cor-assinatura, Ação para botões e links, Menta para contexto sobre fundo escuro e Clara para seleção e destaques.

O manual do Sistema FAEP usa uma geométrica de cantos macios. Para a Integra/S, ir para uma grotesca criou a diferença de temperamento certa: mais estrutural, mais neutra, mais software.

A Archivo, que também está no logotipo com pequenos ajustes, tem ótima leitura em blocos densos de informação, que é exatamente o que uma plataforma de gestão tem de sobra.

A hierarquia vem do peso e da escala: Black para capas, Bold para títulos, SemiBold para rótulos e Regular para o texto corrido. Títulos em caixa baixa, caixa alta só em rótulos curtos, porque título em caixa alta e negrito numa tela de uso diário deixa a leitura mais lenta e cansa quem passa horas ali.

Já as ondas derivadas do símbolo entram como textura, sempre em baixa opacidade. Elas preenchem espaços vazios e trazem um pouco de organicidade para uma marca que trabalha com processos e dados.

A Integra/S é, antes de tudo, uma ferramenta de trabalho diário. Por isso, a identidade foi pensada para viver na tela, onde as pessoas realmente passam o tempo.

No site, a marca apresenta a plataforma aos sindicatos. Dentro do sistema, a paleta organiza agenda, prazos e status sem disputar atenção com a informação. E no celular, o símbolo vira ícone de aplicativo e continua reconhecível mesmo em tamanho pequeno.

Uma plataforma só funciona se as pessoas souberem que ela existe e confiarem nela. Por isso, a identidade também precisava sair da tela.

Os cards para WhatsApp levam a mensagem direto para quem cuida da rotina dos sindicatos. Fotografia de gente real no campo, títulos curtos e a mesma combinação de verde profundo, menta e curvas.

E fora da tela, a marca também se sustenta no uniforme, com símbolo e assinatura no colete, na camisa e no boné.

Seguindo o escopo, o guia é curto e direto. É um guia rápido de marca em quatro capítulos: a marca, as cores, a tipografia e os elementos de aplicação. Dentro dele, o essencial: assinaturas, área de proteção, tamanhos mínimos, usos incorretos e as regras que fazem a paleta funcionar na interface.

Um detalhe que eu acho especial: o símbolo foi desenhado para sobreviver em telas, funcionando até em 16 px, como favicon e ícone de aplicativo.

Junto com o guia, entreguei modelos de slides para apresentações. Assim, a equipe consegue apresentar a plataforma com a identidade já aplicada, sem começar cada apresentação do zero.