# Branding para fintech: confiança, clareza e um pouco de calor humano [Canonical HTML page](https://gradiently.design/pt-br/guide/fintech-branding) Dinheiro é um assunto pessoal e um pouco assustador. Uma marca de fintech precisa parecer segura o bastante para merecer confiança e humana o bastante para ser aberta todo dia. Veja como fazer as duas coisas. ## The short version - O branding de uma fintech tem três tarefas: parecer confiável o bastante para guardar o dinheiro de alguém, deixar os números instantaneamente claros e ser caloroso o bastante para que ninguém tenha preguiça de abrir o app. - A maioria das marcas financeiras usa azul, então uma paleta de verde profundo, ameixa, tinta ou neutros quentes com um destaque vivo é um jeito fácil de ser reconhecida. - Na fintech, os números são o produto, então use algarismos tabulares e uma fonte cujos dígitos sejam fáceis de distinguir. - Um post de dados deve mostrar um número, dizer em uma frase o que ele significa e citar a fonte. - Se o seu produto é regulado, desenhe cada template com um espaço fixo para avisos de risco e letras miúdas, para que a conformidade nunca quebre o layout. Um bom **branding para fintech** equilibra três coisas: confiança, clareza e um pouco de calor humano. Confiança, porque as pessoas estão entregando o dinheiro a você. Clareza, porque o produto é feito principalmente de números e todo número precisa ser lido de relance. Calor humano, porque dinheiro causa estresse, e um app frio ou clínico é um app que as pessoas evitam abrir. Os bancos tradicionais resolveram só a primeira, em geral com azul. As fintechs que as pessoas gostam de usar conseguem parecer seguras e humanas ao mesmo tempo, e esse equilíbrio pode ser desenhado. ## Por que tantas marcas financeiras são azuis O azul é associado a estabilidade e calma em muitas culturas, e por isso bancos, seguradoras e empresas de pagamento o adotaram tanto. O problema é que essa associação agora pertence à categoria inteira. Uma fintech nova em azul corporativo parece um banco, e parecer com todos os bancos dificulta ser lembrada. [Significado da cor azul](https://gradiently.design/pt-br/guide/blue-color-meaning) trata das associações, e [psicologia das cores](https://gradiently.design/pt-br/guide/color-psychology) explica por que o contexto importa mais do que qualquer matiz isolado. ## Paletas de cores para fintech além do azul Dá para manter a calma e perder a mesmice. Escolha uma cor de base profunda e estável que não seja azul-marinho, um neutro claro para telas e documentos e um destaque vivo para os momentos que importam: um pagamento enviado, uma meta alcançada, um botão para tocar. Verdes profundos sugerem crescimento sem o clichê do verde-dinheiro. Ameixa passa uma sensação premium. Neutros quentes parecem humanos e cuidadosos. - Verde-floresta a menta: `linear-gradient(150deg, #052e2b 0%, #0f5f52 55%, #5eead4 100%)` - Ameixa a orquídea: `linear-gradient(160deg, #2a1033 0%, #6b2a63 55%, #f0abfc 100%)` - Papel quente a coral: `linear-gradient(140deg, #faf7f2 0%, #efe3d3 50%, #f97361 100%)` - Tinta com sinal em lima: `radial-gradient(circle at 80% 20%, #bef264 0%, #3f6212 30%, #111827 75%)` Quatro caminhos para fintechs que evitam o azul corporativo. Cada um mantém uma base calma e guarda a cor mais viva para uma única função. - Verde-floresta: #052e2b - Verde-cofre: #0f5f52 - Papel de extrato: #faf7f2 - Tinta dos números: #1f2937 - Menta de enviado: #5eead4 - Coral de alerta: #f97361 Uma paleta completa e funcional: dois verdes para a marca, papel e tinta para leitura, menta para estados de sucesso e coral reservado estritamente para avisos. Repare que as cores de sucesso e de alerta fazem parte da marca, não são um detalhe de última hora. Num app de dinheiro, verde e vermelho carregam significado; garanta que o seu destaque não entre em conflito com elas. [Significado da cor verde](https://gradiently.design/pt-br/guide/green-color-meaning) é útil se você escolher o verde como a própria cor da marca. ## Melhores fontes para números de fintech Na fintech, os números são o produto. Escolha uma fonte com dígitos inconfundíveis: um 1 claro que não seja um l, um 0 que não seja um O, um 6 e um 8 que continuem distintos em tamanhos pequenos. Use algarismos tabulares sempre que números aparecerem em colunas ou se atualizarem ao vivo, para que os valores se alinhem e não tremam quando mudarem. Muitas fontes de interface os suportam; confira antes de escolher. ```css .amount, .balance, table.transactions td { font-variant-numeric: tabular-nums; } .balance { font-size: 2.5rem; font-weight: 600; letter-spacing: -0.01em; } ``` Os algarismos tabulares dão a cada dígito a mesma largura, então saldos e colunas de valores ficam alinhados. Veja [font-variant-numeric](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) na MDN. ## Como desenhar posts de dados para fintech As fintechs têm dados interessantes: como as pessoas poupam, quando gastam, o que um recurso mudou. Um bom post de dados mostra um número, explica em uma frase e cita a fonte, mesmo que seja o seu próprio dado anonimizado. Dez números em um gráfico é um relatório, não um post, e ninguém lê no celular. Para histórias mais elaboradas, um carrossel com um número por slide funciona muito melhor; [design de infográfico](https://gradiently.design/pt-br/guide/infographic-design) cobre a estrutura. Um post de dados mostrando zero libras de taxas para enviar dinheiro ao exterior em transferências de um plano Plus Um número, o que ele significa e a condição que o acompanha. Claro o bastante para virar print. Um post quadrado de dados mostrando que os membros poupam mais às 9h14 do dia de pagamento, citando dados anonimizados de poupança Uma história de dados do seu próprio produto, com a fonte citada abaixo do título. > **Deixe espaço para as letras miúdas** Se o seu produto é regulado, as promoções podem exigir avisos de risco, exemplos representativos ou linhas de elegibilidade. Reserve um espaço fixo para eles em cada template, com tamanho legível, para que a revisão de conformidade nunca force uma refação de última hora. ## Peças de lançamento de app de fintech Um lançamento ou uma nova versão precisa de um conjunto: o post de anúncio, um story, uma versão de LinkedIn para o público corporativo, um hero de site e a prévia de link para imprensa e compartilhamentos de blog. Comece pelo que a pessoa agora pode fazer, nas palavras dela, não pelo nome do recurso. “Divida a conta em dois toques” vence “Apresentamos o SplitPay 2,0”. [Peças de lançamento de app mobile](https://gradiently.design/pt-br/guide/mobile-app-launch-graphics) traz uma lista completa de lançamento. - Post do Instagram 1080×1350: 1080 × 1350 - Story do Instagram 1080×1920: 1080 × 1920 - Post do LinkedIn 1200×1200: 1200 × 1200 - Hero do site 1920×1080: 1920 × 1080 - Prévia de link 1200×630: 1200 × 630 Um conjunto de lançamento em cinco tamanhos, em escala. Desenhe todos juntos para que o hero, os posts e a prévia sejam claramente a mesma versão. Um story vertical de lançamento com o texto Divida a conta em dois toques, novo no app, atualize hoje no iOS e no Android O story de lançamento: o benefício como título, sem o nome do recurso em lugar nenhum. Produzir um conjunto de lançamento em todos os tamanhos à mão é lento e propenso a erros. No Gradiently você desenha uma vez e, com o Pro, redimensiona para todos os formatos em um passo; o Mark atrás das palavras se acalma sob títulos e letras miúdas, e elas continuam legíveis onde quer que caiam. Um kit de marca Pro guarda seus logos, fontes, paleta e voz, e o Designer escreve nessa voz, o que mantém consistentes os posts de uma equipe inteira. [Configuração do kit de marca](https://gradiently.design/pt-br/guide/brand-kit-setup) mostra o passo a passo. ## Como deixar uma marca de fintech calorosa ### Fria - Azul corporativo sobre branco, e mais nada - Fotos de banco de imagens de apertos de mão e skylines - “Alavancando soluções inovadoras” - Números sem contexto - Letras miúdas espremidas no final ### Calorosa e confiável - Uma paleta calma e distintiva com um destaque simpático - Momentos reais: o dia do pagamento, o dia do aluguel, uma viagem planejada - Frases simples, como um amigo diria - Todo número com uma frase e uma fonte - Letras miúdas planejadas desde o início O calor vem principalmente das palavras e da cor, não de ilustração nem de piadas. Se você também desenvolve para desenvolvedores ou empresas, [branding de startup SaaS](https://gradiently.design/pt-br/guide/saas-startup-branding) cobre o lado B2B, e [branding de projeto cripto](https://gradiently.design/pt-br/guide/web3-project-branding) mostra como se manter crível num canto mais barulhento das finanças. ## FAQ ### Quais são as melhores cores para o branding de fintech? Uma cor de base calma e profunda que não seja azul-marinho, como verde-floresta, ameixa ou tinta, um neutro claro para leitura e um destaque vivo para as ações principais. ### Por que tantas marcas de fintech usam azul? O azul é muito associado a estabilidade e calma, e por isso os bancos o adotaram. Como tantos usam, ele já não ajuda uma marca nova a se destacar. ### Qual é a melhor fonte para números financeiros? Uma sem serifa clara, com dígitos bem distintos e algarismos tabulares, para que os valores se alinhem em colunas e não se desloquem quando se atualizam. ### O que um post de dados de fintech deve incluir? Um número, uma frase explicando o que ele significa e a fonte dos dados, mesmo quando forem os seus próprios dados anonimizados. ### Como encaixar avisos de risco nas peças de uma fintech? Reserve desde o início um espaço fixo e legível para eles em cada template, para que o texto obrigatório nunca force uma refação do design.