Triall / Brand Identidade Visual
v 1.6 — 2026 Confidencial
Capítulo 01 — Fundamentos

TRIALL,
manual de
identidade visual.

Um sistema visual construído sobre uma única ideia — o raio. Da forma da marca à paleta cromática, tudo nasce do mesmo gesto: energia que decide.
Documento MIV-001
Edição Primeira · v1.6
Páginas 01 / 24
Formato A4 — Retrato
Download da marca em vetor
00 Marca em uso

A marca, primeiro olhar

A primeira impressão da TRIALL é sempre a mesma: o wordmark em caixa-alta com o raio no lugar da letra I. Esta é a referência cromática e proporcional de tudo o que vem depois.

Aplicação principal · fundo escuro TRIALL — lockup horizontal marca-triall-horizontal
Lockup vertical TRIALL — lockup vertical marca-triall-vertical
Símbolo · raio roxo / verde raio-roxo-fundo-verde
Símbolo · raio verde / roxo raio-verde-fundo-roxo
Símbolo · raio sobre papel raio-monocromático
01 Conceito

O raio é energia que decide

A TRIALL nasce do gesto mais curto entre intenção e ação — o raio. Ele não é ornamento, é o que a marca faz: conecta dois polos e libera corrente. Tudo no sistema visual é uma extensão desse gesto.

Entre potencial
e vital
existe corrente.

O par cromático da TRIALL não é decorativo. Roxo é carga acumulada; verde é energia liberada. O raio é o caminho entre os dois.

Toda aplicação da marca repete essa polaridade — um conduz, o outro acentua, e o gesto entre eles é sempre direto.

Conceito · 01.A
Princípio · 01

Velocidade
decidida.

O raio escolhe o caminho mais curto entre dois pontos. Na marca, isso significa hierarquia clara, copy direta, interfaces sem fricção.

Princípio · 02

Corte
limpo.

Um raio não negocia com ruído — ele interrompe. As composições da TRIALL preservam silêncio à volta do gesto principal, sem decoração que disperse.

Princípio · 03

Carga
que ativa.

O raio não fica parado — ele libera. A paleta vibrante, os contrastes fortes e a tipografia confiante traduzem essa energia em pixels.

Polo · roxo
Potencial
Polo · verde
Vital
02 Logotipo

Logotipo e símbolo

A marca tem três formas oficiais: lockup horizontal (preferencial), lockup vertical (espaços quadrados, capas) e símbolo isolado (avatares, favicon, app icon, marcação reduzida). O símbolo nunca é aplicado fora do par cromático.

A — Horizontal · uso preferencial TRIALL — lockup horizontal marca-triall-horizontal
B — Vertical TRIALL — lockup vertical marca-triall-vertical
C — Símbolo · raio roxo / verde raio-roxo-fundo-verde.pdf
D — Símbolo · raio verde / roxo raio-verde-fundo-roxo.pdf
E — Símbolo · monocromático raio-mono-claro
Versões oficiais entregues em .PDF e .SVG Símbolo aplicado em par cromático Área de proteção = altura do raio Tamanho mínimo do símbolo: 16 px digital
03 Cor

Paleta cromática

Dois pigmentos vibrantes que se respondem: um roxo lavanda e um verde elétrico. Trabalham em diálogo, nunca isolados — um conduz, o outro acentua. Uma família neutra dá base estrutural e sustenta o protagonismo das primárias.

Primária · 01 Roxo TRIALL
HEX
#B17DFF
RGB
177 · 125 · 255
CMYK
43 · 53 · 0 · 0
Pantone
2655 C (aprox.)
Primária · 02 Verde TRIALL
HEX
#00F98B
RGB
0 · 249 · 139
CMYK
67 · 0 · 67 · 0
Pantone
2417 C (aprox.)
Tinta#0E0E10
Carvão#2A2A2D
Chumbo#7A7A82
Areia#E7E4DC
Papel#F5F3EE
70 / 30Proporção entre roxo e verde. Um conduz, o outro acentua — nunca 50/50.
AA · 4.5:1O verde nunca deve carregar texto longo. Use-o como destaque ou fundo.
Par fixoRoxo e verde aparecem sempre juntos. Nunca substituídos por outras cores.
Base neutraTinta ou Papel sustentam a composição. Cor primária pontua, não preenche.
04 Tipografia

Sistema tipográfico

O wordmark é fechado e expressivo — perfeito para a assinatura, pesado para textos longos. Para suporte editorial e digital adotamos Manrope: geométrica como o wordmark, mas com formas abertas, altura-x generosa e leitura confortável em parágrafos longos, dashboards e e-mails.

Manrope Principal · Web & Produto
AaBb
FamíliaManrope
Pesos200 · 300 · 400 · 500 · 600 · 700 · 800
LicençaOpen Font License · grátis
Aplicações Cobertura
Manrope cobre títulos, corpo, UI e dados em uma única família variável. Para sistemas que não a tenham, a fallback é Inter — mesma proporção e altura-x, equivalência visual quase 1:1.
Fallback webInter, system-ui
Fallback impressoInter Tight
MonoJetBrains Mono
Manrope · 16 / 26 Recomendada

Como Manrope se comporta em um parágrafo de verdade

Texto longo é o teste mais honesto de uma fonte. Manrope tem contadores abertos, terminais retos e uma altura-x próxima de 0,73 — o que mantém a mancha clara mesmo em corpos pequenos.

Em UI a 14 px ainda sustenta hierarquia, e nos pesos 600/700 cobre títulos sem precisar trocar de família. É a escolha mais segura para um produto que mistura conteúdo editorial e dashboards.

Inter · 16 / 26 Alternativa

Como Inter aparece no mesmo parágrafo, para comparação

Inter é a referência neutra do design de produto contemporâneo. Levemente mais condensada que Manrope, otimizada para telas e amplamente suportada por SO e clientes de e-mail.

Indicada como fallback automático: o leitor não percebe a troca em corpos pequenos, e mantém a consistência caso a webfont não carregue.

Escala
Manrope
13caption
15UI
18body
24lead
36subtítulo
56título
Manrope · fonts.google.com/specimen/Manrope Inter · fonts.google.com/specimen/Inter JetBrains Mono · fonts.google.com/specimen/JetBrains+Mono
05 Uniformes

Vestuário oficial

Os uniformes da TRIALL repetem a lógica do sistema: par cromático fixo (roxo + verde), raio sempre presente, fundo limpo. Existem três modelos-padrão de camiseta e duas peças complementares — boné e meia — desenhadas para reforçar a marca em encontros, eventos e merchandising interno.

Camisetas — modelos padrão

Camiseta verde, frente, com raio roxo no peito
Modelo A · frente

Verde · raio roxo

Camiseta verde TRIALL com raio roxo no lado esquerdo do peito. Uniforme principal — uso preferencial em eventos e dia a dia.

Camiseta verde, costas, com raio e palavra conexão verticais
Modelo A · costas

Verde · vertical

Costas com raio centralizado e a palavra conexão em letterspacing vertical descendente. Reforça o conceito da marca quando vista de trás.

Camiseta roxa, frente, com raio verde no peito
Modelo B · frente

Roxo · raio verde

Inversão cromática do modelo A. Uso em situações onde se quer contraste visual ou destaque individual (lideranças, embaixadores).

Propostas — boné e meia

Proposta · 01

Boné · cinco painéis preto

Estrutura de cinco painéis em algodão preto com raio bordado em roxo TRIALL centralizado na frente. Aba reta. Alternativa em verde com raio roxo para casamentos com a camiseta principal.

  • Cor base · Tinta (preto) · alt. Verde TRIALL
  • Bordado · raio em fio roxo ou verde
  • Tag interna · TRIALL com raio em silk
Proposta · 02

Meia cano alto · preta

Meia cano alto em algodão preto com raio em verde TRIALL aplicado na lateral, na altura da panturrilha. Punho com duas linhas finas como detalhe de sistema. Versão verde com raio roxo disponível para kits especiais.

  • Cor base · Tinta (preto)
  • Marca · raio verde aplicado · lateral externa
  • Punho · duas linhas finas, neutra
Proposta · 02

Meia cano alto · preta

Meia cano médio-alto em algodão preto com raio em verde TRIALL aplicado na lateral, próximo ao tornozelo. Punho com duas linhas finas como detalhe de sistema. Versão verde com raio roxo disponível para kits especiais.

  • Cor base · Tinta (preto)
  • Marca · raio verde aplicado · lateral externa
  • Punho · duas linhas finas, neutra
Fotos de produto · referência fornecida pelo cliente Boné e meia · ilustrações conceituais, sujeitas a prototipagem Raio sempre aplicado em par cromático com a base Sem tipografia adicional nas peças, apenas o símbolo
06 Atmosfera

Background conceitual

Para peças de conteúdo — posts, stories, reels, capas, banners — a TRIALL adota um gradiente atmosférico que parte do roxo profundo no topo e desce para o verde escuro na base. Os polos da marca aparecem aqui dessaturados, como referência de origem das cores primárias.

Referência · tela Background de referência: gradiente roxo escuro descendo para verde escuro, dentro de uma tela de smartphone 9 : 19,5 · mobile-first
Receita do gradiente
00%#1A1824
35%#2E243D
65%#2A2338
100%#27363B
background: linear-gradient(
  180deg,
  #1A1824 0%,
  #2E243D 35%,
  #2A2338 65%,
  #27363B 100%
);
  • Use como base de conteúdo — nunca em UI funcional ou em texto longo.
  • Aplicar a marca em par cromático sobre a atmosfera — raio em verde ou roxo sólidos, nunca dessaturados.
  • Permitir respiro: 60%+ da composição é gradiente puro, sem elementos.

Aplicações — formatos de social

Feed · 1 : 1 Post · 1080 × 1080 Raio roxo sólido sobre o gradiente. Sem texto.
TRIALL · 2026
A conexão
que ativa.
Story / Reel · 9 : 16 Story · 1080 × 1920 Manchete curta + raio verde no rodapé. Respiro central.
LinkedIn / X · 4 : 1 Banner · 1584 × 396 Headline horizontal, raio à esquerda como assinatura.
Arquivo de referência · brand/bg-social.png Reproduzível 1:1 em CSS via linear-gradient acima Cores derivadas dos polos roxo / verde · dessaturadas para servir de base Quando exportar para SVG/PDF: incluir os 4 stops como gradient stops
07 Movimento

Iconografia em movimento

A TRIALL nasce do triatlo — três disciplinas, um só pulso. A iconografia de movimento traduz isso visualmente: silhueta humana em borrão de velocidade, com o raio verde sobreposto no centro do gesto. É a mesma marca, agora em movimento. Use como marcador de tópico, capa de destaque ou cabeçalho de seção em redes sociais e na web.

Atleta nadando em borrão de movimento com raio verde sobreposto 01
Disciplina · 01

Natação

Braçada simétrica, marca aplicada sobre a respiração — o ponto de maior decisão do gesto.

Ciclista em borrão de movimento com raio verde sobreposto 02
Disciplina · 02

Ciclismo

Corpo inclinado, raio diagonal acompanha a aerodinâmica da posição. Energia direcionada para frente.

Corredor em borrão de movimento com raio verde sobreposto 03
Disciplina · 03

Corrida

Passada longa, raio centrado no corpo. A disciplina mais pura — só pernas e ritmo.

Sistema
Três peças, uma família

As imagens trabalham sempre em conjunto ou rotacionadas — não isolar uma só sem contexto da série. A consistência do enquadramento, do filtro monocromático e da cor do raio é o que faz o sistema funcionar.

Aplicação
Onde usar

Marcadores de tópico, capas de destaques no Instagram, ícones de pillar em LinkedIn, cabeçalhos de seção em web, abertura de carrosséis. Sempre como imagem completa — recortar o raio é proibido.

Tratamento
Receita visual

Foto em preto e branco com motion blur, fundo claro neutro, raio em verde TRIALL sólido sobreposto em multiply ou blend normal, posicionado sobre o centro de massa do atleta.

Pré-visualização — destaques de Instagram

nado
bike
corrida
treino
provas
equipe
Três imagens · referência fornecida pelo cliente Família expansível: pode crescer com novas disciplinas mantendo o tratamento Para vídeo: aplicar o raio em camada superior, sincronizado com o pulso da edição
TRIALL — Manual de Identidade Visual
— 01 —
Carratu · 2026