# Branding de fintech: confiança, clareza e um toque de calor

[Canonical HTML page](https://gradiently.design/pt-pt/guide/fintech-branding)

O dinheiro é pessoal e um pouco assustador. Uma marca de fintech tem de parecer segura o suficiente para inspirar confiança e humana o suficiente para se abrir todos os dias. Eis como fazer as duas coisas.

## The short version

- O branding de fintech tem três tarefas: parecer fiável o bastante para guardar o dinheiro de alguém, tornar os números imediatamente claros e ser caloroso o suficiente para que ninguém tenha medo de abrir a app.
- A maioria das marcas financeiras usa azul, pelo que uma paleta de verde profundo, ameixa, tinta ou neutros quentes com um acento vivo é uma forma fácil de ser reconhecido.
- Na fintech os números são o produto, por isso usa algarismos tabulares e um tipo de letra cujos dígitos se distingam bem.
- Um post de dados deve mostrar um número, dizer numa frase o que significa e indicar a fonte.
- Se o teu produto é regulado, desenha cada modelo com um espaço fixo para avisos de risco e letra miúda, para que a conformidade nunca estrague o layout.

Um bom **branding de fintech** equilibra três coisas: confiança, clareza e um toque de calor. Confiança, porque as pessoas estão a entregar-te o seu dinheiro. Clareza, porque o produto são sobretudo números e cada número tem de se ler num relance. Calor, porque o dinheiro causa stress, e uma app fria ou clínica é uma app que as pessoas evitam abrir. Os bancos resolveram tradicionalmente só a primeira, normalmente com azul. As fintechs que as pessoas gostam mesmo de usar conseguem parecer seguras e humanas ao mesmo tempo, e esse equilíbrio pode ser desenhado.

## Porque é que tantas marcas financeiras são azuis

O azul associa-se à estabilidade e à calma em muitas culturas, e por isso bancos, seguradoras e empresas de pagamentos o adotaram tanto. O problema é que a associação passou a pertencer a toda a categoria. Uma fintech nova em azul corporativo parece um banco, e parecer-se com todos os bancos dificulta ser lembrado. O [significado da cor azul](https://gradiently.design/pt-pt/guide/blue-color-meaning) trata das associações e a [psicologia das cores](https://gradiently.design/pt-pt/guide/color-psychology) explica porque é que o contexto conta mais do que qualquer matiz.

## Paletas de cores para fintech além do azul

Podes manter a calma e perder a igualdade. Escolhe uma cor de base profunda e estável que não seja azul-marinho, um neutro claro para ecrãs e documentos e um acento vivo para os momentos que importam: um pagamento enviado, um objetivo atingido, um botão a carregar. Os verdes profundos sugerem crescimento sem o cliché do verde do dinheiro. A ameixa parece premium. Os neutros quentes parecem humanos e cuidados.

- 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 lima: `radial-gradient(circle at 80% 20%, #bef264 0%, #3f6212 30%, #111827 75%)`

Quatro direções de fintech que fogem ao azul corporativo. Cada uma mantém uma base calma e guarda a cor mais viva para uma só tarefa.

- Verde-floresta: #052e2b
- Verde-cofre: #0f5f52
- Papel de extrato: #faf7f2
- Tinta dos valores: #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 para avisos.

Repara que as cores de sucesso e de aviso fazem parte da marca, não são um pormenor de última hora. Numa app de dinheiro, o verde e o vermelho têm significado; garante que o teu acento não colide com eles. O [significado da cor verde](https://gradiently.design/pt-pt/guide/green-color-meaning) é útil se escolheres o verde como cor da própria marca.

## Melhores tipos de letra para números de fintech

Na fintech, os números são o produto. Escolhe um tipo de letra 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. Usa algarismos tabulares sempre que os números estejam em colunas ou se atualizem em direto, para que os valores fiquem alinhados e não tremam ao mudar. Muitos tipos de letra de interface suportam-nos; confirma 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, para que saldos e colunas de valores fiquem alinhados. Vê [font-variant-numeric](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) na MDN.

## Como desenhar posts de dados de fintech

As fintechs têm dados interessantes: como as pessoas poupam, quando gastam, o que mudou uma funcionalidade. Um bom post de dados mostra um número, explica-o numa frase e indica a fonte, mesmo que a fonte sejam os teus próprios dados anonimizados. Dez números num só gráfico é um relatório, não um post, e ninguém o lê no telemóvel. Para histórias mais elaboradas, um carrossel com um número por slide funciona muito melhor; o [design de infografias](https://gradiently.design/pt-pt/guide/infographic-design) trata da estrutura.

Post de dados com zero libras de comissões para enviar dinheiro para o estrangeiro nas transferências de um plano Plus

Um número, o que significa e a condição associada. Claro o bastante para tirar captura de ecrã.

Post de dados quadrado que mostra que os membros poupam mais às 9:14 do dia de ordenado, citando dados de poupança anonimizados

Uma história de dados do teu próprio produto, com a fonte indicada sob o título.

> **Deixa espaço para a letra miúda** Se o teu produto é regulado, as promoções podem exigir avisos de risco, exemplos representativos ou linhas de elegibilidade. Constrói um espaço fixo para eles em cada modelo, com tamanho legível, para que a revisão de conformidade não obrigue a refazer o design à última hora.

## Gráficos de lançamento de apps de fintech

Um lançamento ou uma nova funcionalidade precisa de um conjunto: a publicação de anúncio, um story, uma versão para o LinkedIn dirigida a empresas, um hero para o site e a pré-visualização de ligação para imprensa e partilhas do blogue. Abre com o que a pessoa passa a poder fazer, nas palavras dela, não com o nome da funcionalidade. “Divide uma conta com dois toques” vence “Apresentamos o SplitPay 2,0”. Os [gráficos de lançamento de apps móveis](https://gradiently.design/pt-pt/guide/mobile-app-launch-graphics) têm uma lista completa de lançamento.

- Post de Instagram 1080×1350: 1080 × 1350
- Story de Instagram 1080×1920: 1080 × 1920
- Post de LinkedIn 1200×1200: 1200 × 1200
- Hero do site 1920×1080: 1920 × 1080
- Pré-visualização de ligação 1200×630: 1200 × 630

Um conjunto de lançamento em cinco tamanhos, à escala. Desenha-os em conjunto para que o hero, os posts e a pré-visualização sejam claramente o mesmo lançamento.

Story vertical de lançamento com o texto Divide uma conta em dois toques, novo na app, atualiza hoje no iOS e no Android

O story de lançamento: o benefício como título, o nome da funcionalidade nem à vista.

Produzir à mão um conjunto de lançamento em todos os tamanhos é lento e dá erros. No Gradiently desenhas uma vez e, com o Pro, mudas para todos os formatos num só passo; o Mark por trás das palavras acalma-se sob títulos e letra miúda, para que se mantenham legíveis onde quer que caiam. Um kit de marca Pro guarda os teus logótipos, tipos de letra, paleta e voz, e o Designer escreve nessa voz, o que mantém coerentes as publicações de uma equipa inteira. A [configuração do kit de marca](https://gradiently.design/pt-pt/guide/brand-kit-setup) explica como.

## Como dar calor a uma marca de fintech

### Frio

- Azul corporativo sobre branco, e mais nada
- Fotografias de stock de apertos de mão e horizontes urbanos
- “Alavancar soluções inovadoras”
- Números sem contexto
- Letra miúda espremida no fim

### Caloroso e de confiança

- Uma paleta calma e distinta com um acento simpático
- Momentos reais: o dia de ordenado, o dia da renda, uma viagem poupada
- Frases simples, como as diria um amigo
- Cada número com uma frase e uma fonte
- Letra miúda pensada desde o início

O calor vem sobretudo das palavras e da cor, não de ilustrações nem de piadas. Se também crias para programadores ou empresas, o [branding de startups SaaS](https://gradiently.design/pt-pt/guide/saas-startup-branding) trata do lado B2B, e o [branding de projetos cripto](https://gradiently.design/pt-pt/guide/web3-project-branding) mostra como manter a credibilidade num canto mais ruidoso das finanças.

## FAQ

### Que cores são melhores 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 acento vivo para as ações principais.

### Porque é que tantas marcas de fintech usam azul?

O azul associa-se muito à estabilidade e à calma, por isso os bancos adotaram-no. Como tantos o usam, já não ajuda uma marca nova a destacar-se.

### Que tipo de letra é melhor para números financeiros?

Uma sem serifa clara, com dígitos distintos e algarismos tabulares, para que os valores se alinhem em colunas e não mudem de sítio ao atualizar.

### O que deve incluir um post de dados de fintech?

Um número, uma frase a explicar o que significa e a fonte dos dados, mesmo quando são os teus próprios dados anonimizados.

### Como encaixo avisos de risco nos gráficos de fintech?

Constrói desde o início um espaço fixo e legível para eles em cada modelo, para que o texto obrigatório nunca force uma reformulação do design.