Triall / Brand Identidade Visual
v 1.7 — 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.7
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. São três modelos-padrão de camiseta — a peça que o atleta veste no treino, na prova e na foto. Qualquer extensão futura da linha herda estas mesmas três regras.

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).

Fotos de produto · referência fornecida pelo cliente Raio sempre aplicado em par cromático com a base Sem tipografia adicional nas peças, apenas o símbolo Malha técnica · fundo liso, sem estampa concorrente
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. Este é o fundo principal; abaixo dele, cinco variações oficiais e duas camadas de textura completam o sistema.

Principal · tela
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.

Variações — a família de fundos

O principal é o padrão e resolve a maior parte das peças. As cinco variações existem para dar respiro à linha editorial sem sair do par cromático — cada uma com um motivo declarado de existir. Variação não é gosto do dia: é decisão de conteúdo.

Principal 180°
Corrente

O fundo-padrão. Roxo profundo no topo, verde-petróleo na base — a queda de potencial para vital. Use quando não houver razão para não usar.

#1A1824 · #2E243D · #2A2338 · #27363B

Variação · 01 135°
Aurora

Verde entra pelo canto superior e o roxo domina a saída. Leitura de amanhecer — aberturas de carrossel, convocação de treino, primeiro post de uma série.

#0C3125 · #1E493A · #372945 · #3C2C4D · #180F20

Variação · 02 180°
Meia-noite

O mais neutro e o de maior contraste com texto branco. É o fundo para peça com conteúdo denso: carrossel explicativo, dado, planilha de treino, texto longo.

#252331 · #3A2C3F · #262734 · #16292D · #0F1C27

Variação · 03 180°
Bruma

Tinta em cima, halo roxo no miolo, verde na base. O clarão central abraça o assunto — é o fundo para retrato, foto recortada e depoimento de atleta.

#1A1823 · #1D1927 · #3E2B3E · #393845 · #15282D

Variação · 04 135°
Fósforo

Verde integral, sem roxo. Reservado para resultado consumado: PR batido, prova concluída, meta atingida. Aqui o raio entra sempre em roxo.

#0D2A1D · #1A2C2A · #223F3A · #113C32 · #092A23

Variação · 05 135°
Travessia

Roxo → azul → verde na diagonal. É o único fundo que desenha o conceito inteiro: potencial atravessando para vital. Peça-manifesto, capa de campanha, abertura de ano.

#3E1A3C · #351838 · #1F182F · #172927 · #1D362A

Regra de uso
  • Uma peça, um fundo. Um carrossel inteiro usa a mesma variação — trocar entre slides quebra a série.
  • O raio nunca repete a cor dominante do fundo: em Fósforo ele é roxo, em Aurora e Travessia segue o polo oposto ao lado em que está.
  • Toda variação é 100% CSS — reprodutível em web, e-mail e export sem arquivo de imagem.
Não faça
  • Não crie um sexto gradiente. A família é fechada — cinco variações e o principal.
  • Não use gradiente em UI funcional do produto: botão, tabela, formulário e dashboard ficam em Tinta ou Papel.
  • Não gire o ângulo "para caber". O ângulo faz parte da identidade de cada variação.

Texturas — o que se sobrepõe ao fundo

O gradiente sozinho é chapado. Duas camadas — e só duas — dão profundidade e ligam o fundo à fotografia da marca. Ambas nascem da mesma origem: luz contínua em exposição longa. São a assinatura da TRIALL em qualquer superfície.

Textura · 01
Rastro de luz · light trail

O gesto que ficou

Arcos abertos de luz contínua, extraídos da própria fotografia da marca. Não é ornamento: o rastro marca por onde o corpo passou. Sempre curva aberta, nunca círculo fechado; sempre acompanhando um gesto ou uma direção de leitura, nunca preenchendo um vazio.

stroke: #00F98B | #B17DFF
stroke-width: 2–3px (eco: 1,3px)
opacity: 0.45 – 0.95
filter: feGaussianBlur std=4.5 ×2 + fonte
máx: 4 traços por peça
Textura · 02
Névoa cromática · halo

A luz fora de foco

Duas manchas radiais suaves — uma roxa em cima à esquerda, uma verde embaixo à direita — simulando LED desfocado atrás da cena. Mata o banding do gradiente linear e cria um centro óptico onde a mensagem pousa. Aplicada por baixo de tudo, nunca sobre texto.

background:
  radial-gradient(58% 42% at 22% 26%,
    rgba(177,125,255,.32), transparent 68%),
  radial-gradient(52% 38% at 78% 74%,
    rgba(0,249,139,.22), transparent 68%),
  var(--atm-gradient);
Como combinar
  • Ordem fixa da pilha: gradiente → névoa → rastro → marca → texto.
  • Névoa pode aparecer sozinha. Rastro nunca aparece sem névoa embaixo.
  • Ainda vale a regra de respiro: 60% da peça é fundo limpo, contando as texturas.
Não faça
  • Rastro cruzando a leitura do texto ou cortando o raio da marca.
  • Névoa em cor fora do par — nada de azul, laranja ou branco.
  • Empilhar as duas texturas em peça de UI ou em documento com texto longo.

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.
Família fechada · 1 principal + 5 variações Reproduzível 1:1 em CSS · nenhum arquivo de imagem necessário Cores derivadas dos polos roxo / verde · dessaturadas para servir de base Ao exportar para SVG/PDF: incluir todos os stops como gradient stops Texturas: névoa em CSS, rastro em SVG · ambos vetoriais
07 Fotografia

Direção de imagem

A fotografia da TRIALL não congela o atleta — ela registra o rastro que ele deixa. Exposição longa, noite, luz contínua roxa e verde: o corpo aparece, o gesto continua depois dele. É a tradução literal do conceito da marca em fotografia, e é o que separa uma imagem TRIALL de qualquer foto de corrida no feed.

Técnica Exposição longa De 1/4 s a 1,5 s com flash de segunda cortina. O corpo congela no fim do quadro; o movimento fica desenhado antes dele.
Luz Duas fontes, duas cores LED contínuo verde em mão, desenhando o rastro. Gel roxo lavando o ambiente e o fundo. Nunca luz branca dominante.
Cor Só o par cromático Nada fora de roxo e verde sobre preto. Pele, tecido e chão entram lavados pelas duas cores — a imagem sai monocromática de par.
Enquadramento Corpo inteiro, ar em volta Cabeça e pés dentro do quadro. O rastro pode sangrar para fora da margem; o atleta, não.

Referência — três estados do gesto

Corredor alongando o quadríceps ao lado de um poste, à noite, com rastros de luz verde e ambiente roxo 01
Estado · 01 · Preparação

Antes da largada

Fatia editorial · iniciante — acolhimento e pertencimento

O gesto ainda não aconteceu, mas a luz já está andando. Imagem de convite: fala com quem está começando e precisa se ver ali antes de correr.

Prompt · clique para selecionar4 : 5
Night street photography, long exposure with rear-curtain flash, tripod. A male amateur runner in a fitted long-sleeve technical tee and running shorts stands beside a cast-iron lamp post, one hand braced on the post, pulling his heel up to his glute in a quad stretch. His head and shoulders smear into three overlapping ghost exposures. A second runner in a light windbreaker stands behind the post, fully blurred. Continuous electric-green LED light traces long looping arcs around his legs and feet, drawing an open circle on the asphalt. A deep violet gel washes the brick wall and the ground. Palette strictly limited to violet #B17DFF and electric green #00F98B over near-black. Vertical 4:5, editorial sportswear campaign, 35mm, f/8, 1.5s exposure. No text, no logos, no brand marks.
Corredor no ar em plena passada, jaqueta roxa, com rastro de luz verde varrendo sob a perna 02
Estado · 02 · Explosão

A passada

Fatia editorial · 1 a 3 anos — progressão, PR, técnica

Corpo no ar, joelho alto, rastro varrendo por baixo. É a imagem de performance da marca — usar quando o assunto é evolução mensurável, não motivação genérica.

Prompt · clique para selecionar1 : 1
Studio long-exposure sports portrait, rear-curtain sync. A male runner in a violet running jacket, black shorts and white running shoes caught mid-air in a full stride, front knee driven high, arms open, torso upright. The body reads sharp while three ghost exposures smear across his face and hands. A brilliant electric-green light trail sweeps in a wide arc beneath his trailing leg and wraps around his front shoe. Plain dark seamless background washed in deep violet, soft floor reflection. Palette strictly limited to violet #B17DFF and electric green #00F98B over near-black. Square 1:1, medium format, 1/2s exposure with flash. No text, no logos.
Dois corredores dissolvidos em rastros de luz roxos e verdes, movimento lateral 03
Estado · 03 · Companhia

O pelotão

Fatia editorial · comunidade — grupo, assessoria, prova

Dois corpos virando um só rastro. É a imagem que vende companhia, não desempenho — a razão pela qual alguém entra numa assessoria e não corre sozinho.

Prompt · clique para selecionar4 : 5
Extreme long-exposure panning shot of two runners moving together across the frame, bodies dissolved into continuous streaks of light. Only fragments read as human — a jawline, a swinging forearm, a driving knee. Their shoes stretch into long curved swooshes. Electric-green rim light catches the edges of hair, arms and calves; the bodies and the ground are washed in deep violet; near-black background. Palette strictly limited to violet #B17DFF and electric green #00F98B. Vertical 4:5, abstract sports editorial, 1/4s exposure with a horizontal camera pan. No recognisable faces, no text, no logos.
Sistema
Três estados, uma família

Não são três disciplinas — são três estados do gesto: preparar, explodir, acompanhar. A família cresce (natação, bike, força, largada) mantendo a mesma receita. A receita nunca muda para caber uma foto nova.

Marca
O raio não entra na foto

O rastro de luz já é o raio em estado natural. Sobrepor o símbolo em cima do atleta duplica o mesmo gesto e enfraquece os dois. O raio entra na moldura da peça — canto, rodapé, avatar, selo — nunca sobre o corpo.

Rosto
O borrão protege e comunica

O rosto borrado é regra, não defeito. Resolve direito de imagem em foto de grupo e de prova, e diz a coisa certa sobre a marca: o que importa é o movimento, não a celebridade de quem está correndo.

Pré-visualização — destaques de Instagram

começar
treino
grupo
provas
assessorias
equipe
Três imagens · referência fornecida pelo cliente Prompts em inglês · prontos para Midjourney, Firefly ou Nano Banana Sempre acrescentar ao prompt: no text, no logos, no watermark Para vídeo: manter o LED contínuo em mão e reduzir o obturador, não adicionar rastro em pós
TRIALL — Manual de Identidade Visual
— 01 —
Carratu · 2026