Brand Guide
Sistema de identidade visual — logo, cores, tipografia e princípios de aplicação.
FnB Digital é uma empresa de marketing digital focada inicialmente em dois serviços: gestão de tráfego pago e criação de sites e landing pages.
Empresas B2C.
A FnB deve ser percebida como uma marca comercial, profissional, moderna, estratégica, orientada a resultado e fácil de entender — visualmente sofisticada sem parecer inacessível.
Design refinado, composição cuidadosa, respiro e poucos elementos usados com intenção.
Domínio, consistência e competência, sem depender de excesso de formalidade ou complexidade.
O visitante compreende rapidamente o que a FnB faz, como ajuda e qual é o próximo passo.
Ajudamos sua empresa a atrair mais clientes e aproveitar melhor cada oportunidade de venda.
Sites que vendem. Tráfego que traz clientes.
"Não basta gerar clique. O caminho até a conversão também precisa funcionar."
Aquisição e conversão precisam funcionar juntas.
Regra de ouro e vocabulário detalhado de aplicação: a definir.
O monograma integra as letras F, n e B em uma única forma. A palavra "DIGITAL" funciona como complemento institucional.
DIGITAL
DIGITAL
DIGITAL
DIGITAL
Use a versão em degradê para destacar o logo em fundos escuros ou coloridos.
Respeite o espaço livre ao redor do logo para evitar competição com textos, imagens ou bordas. A medida é derivada da própria geometria do logo (X = altura do "F").
DIGITAL
40px de largura
(meio digital)
24px de largura
(meio digital)
Tamanhos mínimos devem ser validados visualmente no asset final antes de serem tratados como regra absoluta. Em aplicações reduzidas, priorize o símbolo isolado e remova "DIGITAL" quando sua legibilidade ficar comprometida.
Não distorcer ou alterar proporções
Não trocar arbitrariamente as cores
Não aplicar sombras, bevel, glow ou contornos
Não rotacionar o logo
Não alterar a tipografia de "DIGITAL"
Não aplicar sobre fundos que comprometam o contrasteNão utilizar percentuais rígidos. Navy e Off White formam a base da identidade e podem alternar protagonismo conforme a aplicação. Blue conecta visualmente Navy e Aqua, reforçando a dimensão digital da marca. Aqua deve aparecer com intenção — principalmente em pontos de atenção, detalhes gráficos, interações e destaques.
O elemento cromático proprietário principal da marca. O gradiente chama atenção; portanto, não deve estar em tudo.
O ângulo pode ser adaptado à direção do elemento, sem alterar a sequência cromática.
Sites que vendem.
Tráfego que traz clientes.
Não basta gerar clique. O caminho até a conversão também precisa funcionar — corpo de texto, labels de UI, botões, menu e informações funcionais usam Geist Regular e Medium.
General Sans carrega personalidade e autoridade nos títulos. Geist oferece neutralidade, precisão e excelente leitura em conteúdo funcional, reforçando a dimensão digital e tecnológica da FnB. O contraste entre as duas famílias evita que a identidade pareça um documento corporativo genérico.
General Sans — Fontshare / Indian Type Foundry · fontshare.com/fonts/general-sans · incorporada neste arquivo
Geist — Vercel, SIL Open Font License · fonts.google.com/specimen/Geist · incorporada neste arquivo
A escala exata em px/pt é decisão de implementação do site ou da peça — não deste guia.
Poucos elementos.
Muito espaço.
Forte intenção.
Pode ser utilizado em linhas, recortes, áreas de destaque, detalhes de interface, motion, números e dados. Evitar glow excessivo e estética neon.
A linguagem geométrica pode nascer do próprio monograma — curvas, cortes diagonais, formas que se encaixam — sem parecer uma repetição decorativa do símbolo.
CONVERSÃO
FnB Digital
General Sans display
Geist funcional
Sites que vendem.
Tráfego que traz clientes.
Não basta gerar clique. O caminho até a conversão também precisa funcionar.