F5 F5 Holding x Triadeflow
v0.1 · Abril 2026 · Brinde Pre-contrato
Sistema de identidade da holding

Brandbook
F5.

Versao inicial pra a gente comecar a falar de marca com a mesma regua, alinhar as 4 unidades da holding e elevar a percepcao do grupo. Documento vivo, refinamos juntos.

Cliente F5 Holding
Unidades 04 marcas operacionais
Versao v0.1 · Abril 2026
Por Triadeflow · Alex Campos
Secao 02

Arquitetura de marca.

Toda holding chega num ponto onde precisa decidir: as marcas filhas vao andar de maos dadas, ou cada uma vai pro seu lado?

Quando andam de maos dadas (com sistema visual conectado, hierarquia clara, e papeis bem definidos), o cliente da F5 Porto Alegre eventualmente confia mais no F5 Escolar. O fornecedor que vende pra Grafica reconhece a Baixos Pelotas como parte da mesma operacao seria. Investidor enxerga grupo, nao amontoado de CNPJs.

Quando cada marca vai pro seu lado, isso vira um custo invisivel: dobra esforco de marketing, fragmenta autoridade, confunde consumidor.

A F5 hoje esta mais perto do segundo cenario. Esse brandbook propoe organizar pro primeiro.

Referencia BMW Group
Mini, Rolls-Royce, BMW e Motorrad sao empresas com personalidades muito diferentes, mas voce sabe que pertencem ao mesmo grupo. Nao e coincidencia, e arquitetura de marca trabalhando. A F5 pode fazer a mesma coisa em escala regional.

Arquitetura proposta

F5 (marca-mae, holding institucional)
  |-- F5 Porto Alegre        (B2B Uniformes Corporativos)
  |-- F5 Escolar             (B2C Uniformes Escolares Pelotas)
  |-- F5 Grafica e Serigrafia (Operacao Industrial)
  +-- Baixos Pelotas         (Lifestyle, via @chicobarasuol)

Papel de cada unidade

F5 Holding
Institucional · B2B premium
Publico
investidor, parceiro estrategico, fornecedor grande
Territorio
institucional, governamental
Voz
confiavel, solida, sem exagero
"A holding gaucha que une producao industrial, varejo escolar e operacao corporativa em uniformes personalizados."
F5 Porto Alegre
B2B Corporativo
Publico
RH, facilities, gestor de operacoes
Territorio
capital gaucha + regiao metropolitana
Voz
tecnica, profissional, prazo-orientada
"Uniforme corporativo com especificacao tecnica, acabamento profissional, e prazo combinado."
F5 Escolar
B2C Varejo
Publico
pais e maes de alunos das escolas de Pelotas
Territorio
Pelotas centro, atendimento direto a 5+ escolas
Voz
afetuosa, proxima, pratica
"O uniforme escolar das principais escolas de Pelotas, sem dor de cabeca e na hora certa."
F5 Grafica e Serigrafia
Operacao Industrial B2B2B
Publico
comprador industrial, outras confeccoes
Territorio
nacional, parque industrial
Voz
tecnica operacional, direta
"Personalizacao industrial em escala (serigrafia, bordado, sublimacao) com qualidade controlada."
Baixos Pelotas
Lifestyle · Brand ambassador
Publico
comunidade automotiva gaucha
Territorio
cultural, eventos RS
Voz
autentico, comunidade primeiro
"A comunidade gaucha de quem entende, encabecada pelo Chico."
Secao 03

Logo system.

Proposta de redesign que organiza as 4 unidades num sistema unico, escalavel e moderno. Estilo BMW corporate: container preto, tipografia geometrica forte, barra de assinatura por unidade.

Proposta de redesign

O logo atual da F5 (F5 dentro de coroa de louros bordada) e bonito como peca artesanal, mas nao escala bem em digital (favicon, header de site, app icon). A proposta abaixo mantem a essencia "F5" em sans bold geometrico, troca a coroa por um container quadrado preto (BMW corporate signature) e ganha uma barra vertical colorida de assinatura, que diferencia cada unidade da holding sem perder a coesao.

F5
Holding
#00BCD4
F5 PORTO ALEGRE
Porto Alegre
B2B Corporativo
F5 ESCOLAR
Escolar
B2C Pelotas
F5 GRAFICA SERIGRAFIA
Grafica e Serigrafia
Industrial

Anatomia do logo

  • Container quadrado preto (#0A0A0A) com cantos retos 0px (assinatura BMW corporate)
  • Barra vertical de assinatura 6px no lado esquerdo, cor da unidade (cyan F5, azul corporativo, coral escolar, gray industrial)
  • Espelho sutil da barra no lado direito (opacity 0.3) cria simetria e ritmo visual
  • Tipografia "F5" em Inter Bold 800, letter-spacing -1.5px, branco puro
  • Descritor da unidade em Inter Bold pequeno embaixo, opacity 0.7 (some na holding)
Por que essa direcao
Escalavel: funciona de 16px (favicon) a 200px (fachada). Sistema modular: trocar a barra de cor cria nova unidade sem refazer o logo. Reconhecivel a 1km: silhueta quadrada preta + F5 branco e legivel mesmo de longe ou em foto borrada. Estilo BMW corporate: dialoga com a paixao do CEO por carros premium e posiciona a holding como seria.

Logo atual (mantida como referencia historica)

O logo atual (F5 dentro de coroa de louros) continua valido como peca patrimonial, em uso em uniformes especiais e em comunicacoes nostalgicas. Nao recomendamos descontinuar de imediato, mas sim introduzir o sistema novo gradualmente nos canais digitais e materiais novos.

Logo F5 master

  • Simbolo: "F5" em sans-serif geometrico bold, cor F5 Cyan (#00BCD4)
  • Container: Circulo preto solido (#0a0a0a)
  • Aplicacao positiva: F5 ciano dentro de circulo preto
  • Aplicacao reversa: F5 preto dentro de circulo ciano

Variacoes por unidade

Cada unidade herda o simbolo F5 master e adiciona um descritor + cor de assinatura.

Regras de uso

Area de protecao

1X = altura da letra "F" no logotipo. Manter area livre de 1X em todos os lados.

Tamanho minimo

  • Digital: 32px de altura (logo completo com descritor)
  • Impresso: 15mm de altura
  • Abaixo desses tamanhos, usar so o simbolo F5 (sem descritor)
Secao 04

Paleta consolidada.

A paleta resolve o problema mais visivel da F5 hoje: cada unidade esta usando cor diferente, e o consumidor nao conecta as marcas.

F5 Cyan
#00BCD4
Primary holding. Assinatura visual da marca-mae. Accent presente em todas as unidades.
2.4:1 vs branco
F5 Black
#0A0A0A
Ink primary. Texto principal, fundo de logo, container.
19.5:1 AAA
F5 White
#F5F5F2
Surface. Off-white institucional, sem branco puro.
Surface base
Gold Accent
#8D8444
Pecas premium B2B. Capa de proposta, materiais executivos.
3.6:1 AA large
PoA Steel
#1A2129
F5 Porto Alegre. B2B corporativo. Fundo escuro alternativo.
16.2:1 AAA
Escolar Coral
#FF6B6B
F5 Escolar. Varejo escolar. Accent afetuoso.
3.4:1 AA large
Escolar Sun
#FFD93D
F5 Escolar. Accent infantil. Destaque alegre.
So decorativo
Grafica Industrial
#666666
F5 Grafica e Serigrafia. Operacional, neutro tecnico.
5.7:1 AA
Baixos Carbon
#2C2C2C
Baixos Pelotas. Lifestyle.
13.4:1 AAA
Neutral Gray
#E5E5E5
Bordas sutis, divisores, fundo de cards secundarios.
UI utility
Insight chave
F5 Cyan vira a assinatura invisivel do grupo. Mesmo quando a peca e dominada por Coral (Escolar) ou Carbon (Baixos), o ciano aparece em algum lugar (linha divisoria, icone, accent de CTA, borda do logo). E o equivalente visual do "cliente vai sempre encontrar essa cor".
Secao 05

Tipografia.

Duas familias com papeis definidos. Uma fonte so nao da conta de uma holding com B2B + B2C.

Inter · default operacionalOpen source / Google Fonts
F5 Porto Alegre

UI digital, body copy, comunicacao corporativa cotidiana, propostas standard, e-mail, site institucional. A fonte da Holding e do B2B.

Light 200/300 Regular 400 Medium 500 Bold 700
DM Sans · F5 EscolarOpen source / Google Fonts
Volta as aulas

Comunicacao com pais de alunos, redes sociais F5 Escolar, materiais que precisam de tom afetuoso e acessivel. Sans rounded sutil.

Regular 400 Medium 500 Bold 700
Secao 06

Tom de voz.

Tipografia define como a marca parece. Tom de voz define como ela soa. As duas precisam andar juntas.

Unidade
Tom + vocabulario
Exemplo
F5 Porto AlegreB2B Corporativo
Corporativo confiavel, tecnico, prazo-orientado.
"Especificacao tecnica", "Conformidade", "Prazo combinado"
"Uniforme corporativo que dura. Especificacao tecnica + acabamento profissional, entregue no prazo combinado."
F5 EscolarB2C Varejo
Afetuoso amigavel, proximo, pratico.
"Filhos", "Volta as aulas", "Pronta entrega", "Sem dor de cabeca"
"Uniforme novo pra comecar bem o ano. Pronta entrega das principais escolas de Pelotas, sem dor de cabeca."
F5 GraficaB2B2B Industrial
Tecnico operacional, direto.
"Serigrafia", "Bordado", "Sublimacao", "Lote", "Especificacao"
"Personalizacao industrial em escala. Serigrafia, bordado e sublimacao com qualidade controlada."
Chico (CEO)Pessoal autoridade
Informal autoridade, proximo da equipe.
"Aqui em casa", "Time", "15 anos de RS"
"15 anos vestindo empresa. Familia primeiro, time logo depois."

Principios universais

  • Sem travessao em pecas de comunicacao. Use virgula, ponto, ou paragrafo.
  • Aspas retas ("") nunca curvas
  • Especifico > generico. "5 escolas em Pelotas" beats "varias escolas".
  • Sem floreio promocional. Nao use "excelencia", "qualidade premium". Mostre, nao fale.
  • Sem emoji em headline. Em corpo, com moderacao (1 por post).
Secao 07

Aplicacoes.

Mockups com fotos reais da F5 (extraidas dos perfis ativos). Nao sao desenhos genericos, sao a propria operacao de voces vestindo o sistema visual.

Templates Instagram

Layout B2B · F5 Porto Alegre
F5
Uniforme corporativo, do desenho ao prazo combinado.
Solicite proposta
Layout B2C · F5 Escolar
F5
F5 Escolar
O frio chegou. O uniforme novo tambem.
Aproveite a pre-venda

Detalhe de produto + cartao

Foto detalhe · Bordado em destaque
F5 Producao · Bordado
Cada peca uniformizada conta uma historia.
Cartao de visita CEO
Chico Barasuol
CEO · F5 Holding

Assinatura de email

Email signature corporativo

Web. E-commerce e Landing Page

F5 ainda nao tem site. Os 2 mockups abaixo sao paginas navegaveis ao vivo, nao screenshots: e-commerce pra catalogo permanente de uniformes com carrossel 3D mostrando producao real, e landing page otimizada pra Google Ads. Mesma identidade, mesma elegancia BMW corporate.

Mockup ao vivo · E-commerce

F5 Uniformes

Loja online completa com hero, carrossel 3D de producao real, catalogo categorizado, footer institucional. Estetica BMW corporate.

Ver e-commerce
Mockup ao vivo · Landing Page

LP Google Ads

Pagina de captura otimizada para campanha Google Ads. Hero + form + 3 etapas + numeros + depoimentos + CTA final. Conversao em 1 tela.

Ver landing page
Por que uma LP separada do site
Site institucional serve quem ja conhece a marca. LP de captura serve quem clicou no Google Ads agora e tem 8 segundos pra decidir. Sao publicos diferentes, expectativas diferentes, layouts diferentes. A LP precisa converter em UMA tela: dor, prova, formulario.

Componente premium. Busca animada

Quando o e-commerce crescer (centenas de SKUs, multiplos modelos por escola, tamanhos), a busca vira interface critica. Esse e o componente padrao F5: cinematico, com gradiente conico animado nas cores BMW M tricolor (azul + vermelho), microinteracao no hover e foco. Eleva a percepcao de produto digital premium.

Componente · F5 Premium Search
Passe o mouse · clique pra focar · veja a animacao

Aplicacoes em produto

A logo F5 nova aplicada nas pecas reais que voces produzem todo dia. Mockups vetoriais que mostram tamanho, posicao e cor da assinatura por unidade. Versao final em foto sera gerada apos aprovacao.

Camiseta basica · F5 Cyan
Camiseta com logo F5 bordada
Polo PV · PoA Steel
Polo navy steel com logo F5 bordada
Moletom canguru · Coral Escolar
Moletom canguru coral com logo F5
Bone trucker · F5 Cyan
Bone trucker preto com logo F5 bordada
Avental restaurante · Industrial
Avental industrial cinza com logo F5
Fachada loja · Pelotas
Fachada loja F5 Escolar Pelotas
Sobre essas fotos
Imagens geradas via IA (OpenAI gpt-image-1) pra mostrar como a logo F5 fica aplicada em cada peca real. Sao mockups conceituais, nao fotos das pecas reais voces ja produzem. Apos aprovacao do sistema visual, a producao final vai usar fotos das pecas verdadeiras saindo da fabrica de Pelotas.

Marca aplicada em pessoas e ambiente

A marca nao vive em peca isolada. Vive em pessoa real vestindo, em ambiente real onde a operacao acontece, em outdoor que voce passa de carro e reconhece. Imagens geradas via IA pra simular esses contextos antes de produzir as fotos finais.

Modelo · Polo F5 Porto Alegre
Modelo vestindo polo F5 corporativo
Modelo · Moletom F5 Escolar
Modelo vestindo moletom F5 escolar
Producao · Bordado em acao
Operario na maquina de bordar com avental F5
Equipe · Time uniformizado
Equipe de 5 pessoas usando polo F5
Outdoor · Faixa publicitaria
Banner outdoor F5 Uniformes em fachada de predio
Avatar · CEO institucional
Avatar profissional CEO vestindo F5

Feed Instagram · 9 posts da marca

Como o feed da F5 ficaria seguindo o sistema visual: mix de produto, lifestyle, equipe e tipografia. 9 posts pensados pra serem publicados em sequencia, cada um reforcando uma faceta da marca sem repetir.

Post 01: detalhe bordado Post 02: uniforme flatlay Post 03: equipe na confeccao Post 04: cliente vestindo Post 05: galpao de producao Post 06: quote tipografia Post 07: criancas com uniforme escolar Post 08: produto na prateleira Post 09: detalhe tecido
Como ler o feed
Regra do 3x3: a cada 9 posts a F5 cobre 3 produtos (linha 1), 3 ambientes/equipe (linha 2), 3 detalhes/cliente (linha 3). O ritmo nunca repete a mesma categoria 2 vezes seguidas. Resultado: visualmente coeso quando alguem entra no perfil pela primeira vez.

Pecas fisicas

Embalagem, papel timbrado e tag de pescoco. Pecas que o cliente toca, leva pra casa, guarda. Sao a marca em formato fisico permanente.

Embalagem · Caixa kraft
Caixa kraft com adesivo F5
Gerando...
Papel timbrado A4 · Holding
Papel timbrado F5 Holding A4
Gerando...
Tag de pescoco · Composicao
Tag de pescoco com composicao do tecido
Gerando...
Secao 08

Do's e Don'ts.

Diagnostico real cruzado com observacoes dos 3 perfis ativos da F5 (PoA, Escolar, Chico).

Faca

F5 Cyan sempre presente como assinaturaMesmo quando o post da F5 Escolar e dominado por Coral, deixe ciano em algum lugar (divisor, icone, accent de CTA).
Hierarquizar holding F5 logo dominanteEm pecas institucionais, F5 master vem primeiro. Em pecas de unidade, unidade vem primeiro mas F5 ainda aparece.
Fotografia real, nao banco de imagemFoto real de crianca vestindo uniforme F5 Escolar bate banco de imagem 10x. Foto do Chico no chao de fabrica bate stock photo infinitamente.
Uppercase so em labels < 14px"VOLTA AS AULAS" em headline grande grita. "Volta as aulas" em headline grande convida.
Separar venda de bastidorPost de venda de uniforme escolar nao deve estar na mesma grid do post de bastidor.

Nao faca

F5 PoA com 5 posts e Escolar com 148Pra um comprador B2B, isso e red flag. Subir cadencia da PoA pra minimo 3 posts/semana com conteudo institucional.
Logos sem relacao visual entre as 4 unidadesHoje os logos parecem ser de empresas diferentes que coincidentemente tem nome F5. Migrar pro sistema da Secao 3 resolve.
Bio do Chico misturando todas as marcasBio atual lista as 4 unidades como hashtags soltas. Bio do Chico pessoal e da Chico, e cada unidade tem perfil dedicado.
Paletas diferentes por perfilSem ciano comum, ninguem liga as 4 marcas. Ciano F5 vira assinatura compartilhada.
Comic Sans, Papyrus, fontes scriptQuebra todo o sistema. DM Sans Bold faz o trabalho de "afetuoso" sem virar amador.
Esperar tudo perfeito antes de publicarBrandbook e v0.1. Aplica nas proximas 10 pecas, ajusta o que nao funciona, refina junto.
Bonus

Checklist 30 dias.

Pra voce medir se o brandbook esta sendo usado nas proximas 4 semanas.

  • Carregar 3 familias tipograficas (Inter, DM Sans) no Canva como Brand Kit
  • Atualizar bio do Instagram do @chicobarasuol pra falar so de Chico
  • Criar bio dedicada de @f5porto e @f5escolar (sem misturar marcas)
  • Fazer 3 posts F5 Porto Alegre na proxima semana (subir cadencia)
  • Aplicar paleta consolidada nos proximos 5 posts de cada perfil
  • Refazer cartao de visita do Chico no novo sistema visual
  • Atualizar assinatura de email pra formato proposto
  • Marcar reuniao com Triadeflow em 30 dias pra revisar