Identidade Visual Cappta
Identidade Visual Cappta
Reunimos nesta documentação as regras de como a Cappta se apresenta visualmente, garantindo coerência em qualquer material. Aqui você encontrará nossas diretrizes visuais e orientações de uso.
Reunimos nesta documentação as regras de como a Cappta se apresenta visualmente, garantindo coerência em qualquer material. Aqui você encontrará nossas diretrizes visuais e orientações de uso.
Identidade Visual Cappta
Reunimos nesta documentação as regras de como a Cappta se apresenta visualmente, garantindo coerência em qualquer material. Aqui você encontrará nossas diretrizes visuais e orientações de uso.
Identidade visual
Nossa identidade visual é o conjunto de elementos gráficos e estéticos que representam a Cappta. Ou seja, é a tradução visual da nossa personalidade, dos nossos valores e da nossa missão. Ao longo desta seção, você encontrará mais detalhes sobre nosso logotipo, cores, tipografia, ícones, ilustrações e estilo fotográfico.A principal função da identidade visual é dar um “rosto” à marca e garantir que ela consiga se expressar no mundo físico e no digital, sendo essencial para a nossa diferenciação no mercado e para a consistência de uma comunicação assertiva (o que se fala e com quem se fala).É esse alinhamento que sustenta a percepção de uma empresa única e confiável, mesmo com dezenas de mãos diferentes produzindo materiais todos os dias, seja em uma apresentação, em um banner ou em uma tela de produto.Graças ao bom uso deste manual, geramos reconhecimento rápido, transmitimos credibilidade e confiança, agregamos ainda mais valor e criamos conexão emocional.
Logo
Cores
Tipografia
Sistema visual e elementos gráficos
Governança e uso do manual
Identidade visual
Nossa identidade visual é o conjunto de elementos gráficos e estéticos que representam a Cappta. Ou seja, é a tradução visual da nossa personalidade, dos nossos valores e da nossa missão. Ao longo desta seção, você encontrará mais detalhes sobre nosso logotipo, cores, tipografia, ícones, ilustrações e estilo fotográfico.
A principal função da identidade visual é dar um "rosto" à marca e garantir que ela consiga se expressar no mundo físico e no digital, sendo essencial para a nossa diferenciação no mercado e para a consistência de uma comunicação assertiva (o que se fala e com quem se fala).
É esse alinhamento que sustenta a percepção de uma empresa única e confiável, mesmo com dezenas de mãos diferentes produzindo materiais todos os dias, seja em uma apresentação, em um banner ou em uma tela de produto.
Graças ao bom uso deste manual, geramos reconhecimento rápido, transmitimos credibilidade e confiança, agregamos ainda mais valor e criamos conexão emocional.
Logo
Nosso logotipo é a assinatura gráfica da Cappta, a forma mais direta e reconhecível de nossa marca. É por meio dele que somos identificados em qualquer material, canal ou produto, então cada aplicação correta reforça nossa presença, e cada aplicação incorreta a enfraquece. Respeitamos suas variações e proporções exatamente como definidas aqui, sem recriar, distorcer ou estilizar o logotipo por conta própria.
Versão principal e monocromática
Positiva colorida. Versão principal para fundos claros.
PNG
SVG
PNG
SVG
Antes de utilizar nosso logotipo confira a seção “Restrições”.
Negativa colorida. Uso sobre fundos escuros.
PNG
SVG
PNG
SVG
Antes de utilizar nosso logotipo confira a seção “Restrições”.
Positiva monocromática. Para fundo claro onde a cor não é suportada.
PNG
SVG
PNG
SVG
Antes de utilizar nosso logotipo confira a seção “Restrições”.
Negativa monocromática. Para fundo escuro onde a cor não é suportada.
PNG
SVG
PNG
SVG
Antes de utilizar nosso logotipo confira a seção “Restrições”.
Símbolo e favicon
Nosso símbolo é a marca isolada, sem o nome Cappta por extenso. Usamos o símbolo quando o espaço é reduzido ou quando a marca já é reconhecida pelo contexto, como em ícone de aplicativo, avatar de rede social ou favicon. Ele nunca substitui o logotipo completo em materiais onde há espaço e a marca ainda precisa se apresentar por extenso.
Já o nosso favicon é a versão mínima do símbolo, otimizada para aparecer no espaço reduzido de uma aba de navegador ou atalho de site. Usamos exclusivamente o arquivo oficial disponível para download, sem recriar a partir do logotipo completo.
Símbolo positivo. Para uso sobre fundos claros.
PNG
SVG
PNG
SVG
Antes de utilizar nosso logotipo confira a seção “Restrições”.
Símbolo negativo. Para uso sobre fundos escuros.
PNG
SVG
PNG
SVG
Antes de utilizar nosso logotipo confira a seção “Restrições”.
Símbolo monocromático positivo. Versão de único tom, para fundos claros.
PNG
SVG
PNG
SVG
Antes de utilizar nosso logotipo confira a seção “Restrições”.
Símbolo monocromático negativo. Versão de único tom, para fundos escuros.
PNG
SVG
PNG
SVG
Antes de utilizar nosso logotipo confira a seção “Restrições”.
Favicon Negativo. Para ícones em fundo escuro.
PNG
SVG
PNG
SVG
Favicon Positivo. Para ícones em fundo claro.
PNG
SVG
PNG
SVG
Área de proteção
Nossa área de proteção é o espaço mínimo ao redor do logotipo que deve permanecer livre de qualquer outro elemento (texto, imagem ou borda). Ela garante que nosso logotipo tenha respiro e legibilidade em qualquer aplicação, e por isso é sempre respeitada, mesmo quando o layout parece “apertado”.
O espaçamento mínimo ao redor do logotipo deve ser x, sendo x a largura da letra “a” do logotipo Cappta.
Restrições
Aqui reunimos exemplos de uso incorreto e proibido do nosso logotipo. Servem como referência rápida para identificar, antes de publicar qualquer peça, se uma aplicação está distorcendo, recolorindo ou comprometendo nossa marca de alguma forma. Por isso recomendamos não gerar imagens com I.A. recriando nosso logotipo.
Não distorcer, esticar ou espremer o logo
Não rotacionar o logotipo
Não redesenhar ou recriar manualmente
Não alterar as cores oficiais da marca
Não aplicar gradiente indevido
Não usar sobre fundo de baixo contraste
Não usar cores fora da paleta aprovada
Não usar sobre fundo poluído ou texturizado
Não usar sombras, contornos ou efeitos 3D
Não usar a wordmark separada do símbolo
Não combinar com elementos gráficos não aprovados
Não usar versões antigas ou desatualizadas
Cores
Nossa paleta de cores é o conjunto de tons que usamos para construir qualquer material com a marca Cappta. Ela existe para que sejamos reconhecidos visualmente antes mesmo de qualquer texto ou logotipo aparecer, e por isso a respeitamos com o mesmo rigor que aplicamos ao logotipo. O diagrama abaixo mostra visualmente a hierarquia entre nossas cores.
Primárias
Nossas cores primárias são a base de qualquer material Cappta. São elas que devem dominar visualmente uma peça, e o uso de qualquer outra cor da paleta só entra depois que as primárias já estão presentes, nunca no lugar delas.
2413 C
Verde Cappta
Hex
#33C789
RGB
51 199 137
CMYK
74 0 31 22
2635 C
Roxo Cappta
Hex
#BBA4FF
RGB
187 164 255
CMYK
27 36 0 0
656 C
Gelo Cappta
Hex
#F6FBFF
RGB
246 251 255
CMYK
4 2 0 0
2965 C
Noite Clara
Hex
#14253B
RGB
20 37 59
CMYK
66 37 0 77
Black 6 C
Noite Escura
Hex
#030508
RGB
3 5 8
CMYK
63 37 0 97
Secundárias
Usamos as cores secundárias para criar pequenas áreas de contraste ou hierarquia dentro da peça, nunca como cor de destaque principal.
Verde claro
Hex
#46E6A3
RGB
70 230 163
CMYK
70 0 29 10
Roxo médio
Hex
#A08ADE
RGB
160 138 222
CMYK
28 38 0 13
Meia Noite
Hex
#0B1521
RGB
11 21 33
CMYK
67 36 0 87
Complementares
Nossas cores complementares ampliam a paleta para necessidades ainda mais pontuais que as secundárias não conseguem cobrir.
Verde escuro
Hex
#1EA56D
RGB
30 165 109
CMYK
82 0 34 35
Roxo escuro
Hex
#7159B2
RGB
113 89 178
CMYK
37 50 0 30
Azul claro
Hex
#46C0E6
RGB
70 192 230
CMYK
70 17 0 10
Azul médio
Hex
#46AECE
RGB
70 174 206
CMYK
66 16 0 19
Azul escuro
Hex
#0A6C8B
RGB
10 108 139
CMYK
93 22 0 45
Complementares de interface
Estas cores têm uso restrito: aplicamos apenas dentro de ilustrações e interfaces de produto, nunca em materiais institucionais, comerciais ou de comunicação. Incluem também cores funcionais/sistêmicas, como sucesso, erro, alerta e informação, para comunicar estados em interfaces. As cores funcionais seguem o critério de contraste das Diretrizes de Acessibilidade para Conteúdo Web (WCAG 2), nível AA: razão mínima de 4,5:1 entre texto ou ícone e o fundo.
Cinza
#B5D0E0
Cinza escuro
#7D9CB5
Para fundos claros:
Erro txt
#C42B39
Alerta txt
#8F5A00
Info. txt
#0A6C8B
Sucesso txt
#22865D
Para fundos escuros:
Erro
#FF7B86
Alerta
#FFB224
Informação
#46C0E6
Sucesso
#33C789
Gradientes
Nossos gradientes são elementos visuais fortes na nossa identidade e um pilar no posicionamento tecnológico da Cappta. As composições, feitas a partir de pontos de cor (color stops), remetem a formas e luzes orgânicas, interativas e dinâmicas. O resultado é uma rica gama de tons de transição gerados pela combinação das nossas cores institucionais.
Como fundos
Para destaques
Em ilustrações
Em infográficos
Como overlay
Em ícones
Usos proibidos:
Apesar de não existir uma regra rígida para a aplicação dos gradientes, é importante destacar alguns usos que destoam do nosso padrão visual e da nossa proposta.
Qualquer gradiente construído com cores que não sejam as principais
Aplicação como preenchimento em textos
Múltiplos gradientes na mesma peça causando poluição visual
Gradientes lineares que vão do roxo para o verde, passando pelo azul
Combinação com cores não pertencentes à paleta oficial da marca
Quaisquer aplicações que o time responsável pela marca julgue destoantes da identidade
Atenção: Evitamos o uso de gradientes em materiais impressos. Como muitas vezes não temos controle sobre a qualidade final da gráfica, essa aplicação pode ocasionar erros, falhas de impressão e grandes distorções nos tons originais.
Tipografia
Red Hat Display
Nossa tipografia oficial é a Red Hat Display, e é a fonte que usamos em toda comunicação escrita da marca, de título a corpo de texto. Ela nos ajuda a transmitir os principais atributos da nossa marca: inovação, tecnologia e credibilidade humana.
Além do alinhamento à nossa personalidade, a Red Hat Display é altamente funcional: funciona bem combinada com outras fontes, oferece uma excelente legibilidade em diferentes plataformas e tamanhos de tela e está disponível gratuitamente como uma Variable Font (Fonte Variável) no Google Fonts, sob a licença SIL Open Font License.
Fonte de fallback web-safe: Caso a fonte oficial não carregue, substituímos pela Poppins (todas as variações de peso).
Na cor principal
Combinada
Elemento da ilustração
Título e corpo
Tamanho e recuo
Negrito e itálico
Sistema visual e elementos gráficos
Nosso sistema visual reúne os elementos que sustentam a identidade além de logotipo, fonte e cor: ícones, ilustrações e fotografia. É a camada que garante consistência mesmo nos detalhes menores de uma peça, seja pelo estilo de um ícone, a curva de uma ilustração ou a iluminação de uma foto.
A Cappta é uma empresa de tecnologia financeira que se posiciona como uma marca criativa, íntegra, experiente e parceira do empreendedor brasileiro. Alinhado a esses atributos, nosso sistema visual baseia-se no conceito de uma “tecnologia que facilita”. O objetivo é que a experiência de ser um cliente Cappta seja sempre percebida como fluida: uma solução descomplicada dentro de um ecossistema integrado, onde a gestão eficiente é um ponto-chave.
E por isso damos preferência ao uso de imagens, clareza na apresentação e composições intuitivas a partir do uso de quadros sobrepostos, que remetem ao tátil. Além disso, o hexágono é uma forma constante em nossas peças. Mais do que uma alusão direta ao logotipo da Cappta, ele simboliza conectividade total, eficiência estrutural e escalabilidade infinita.
Ícones
Nossa biblioteca de ícones é a Phosphor Icons. É uma das famílias mais populares e recomendadas para design de interfaces (UI/UX) e desenvolvimento de software: para quem desenha, tem plugin oficial para Figma; para quem desenvolve, tem pacotes prontos para React, Vue, Svelte, Angular, Flutter e React Native. É distribuída sob licença MIT, gratuita para uso comercial. Não usamos nenhuma outra biblioteca de ícones em material Cappta.
Nosso estilo principal é o duotone em verde. Como estilo secundário, usamos o regular em qualquer cor primária Cappta. Preferimos sempre essas combinações a qualquer outra variação de estilo ou cor disponível na biblioteca. Acima, acesse a Phosphor Icons já com nossa cor padrão aplicada.
Ilustrações
Assim como os ícones, não usamos nenhum banco de ilustrações fora do nosso sem autorização do time de Marketing, pois isso compromete a coerência visual da marca. Temos um banco de ilustrações oficial próprio e, complementarmente, partimos de uma biblioteca pública padrão, adaptando as ilustrações genéricas às nossas necessidades. Abaixo, mostramos como aplicamos nossas ilustrações na prática.
Fotografia
O estilo fotográfico é um dos pilares mais fortes na comunicação de uma marca porque utiliza os mesmos códigos visuais e ambientais que o ser humano usa para ler e interpretar o mundo ao seu redor diariamente e, dessa forma, exige uma decodificação menos abstrata, entregando contexto, emoção e uma sensação de realidade.
Assim, sua padronização é essencial assim como os demais elementos, e, em conjunto com eles, nos ajuda a manter coerência visual em nossas produções.
A identidade fotográfica da Cappta baseia-se em uma estética cinematográfica de alto contraste, capturando a energia autêntica e o calor orgânico do cotidiano e do ambiente de negócios brasileiro. O estilo foge de composições posadas ou iluminação digital plana, priorizando a espontaneidade, texturas ricas e a força direcional da luz natural.
Contamos também com um segundo estilo, apelidado de estilo vitrine, que tem por objetivo exibir nossos produtos de forma minimalista: em fundo branco infinito com iluminação dura, o que reflete sinceridade e transparência da nossa tecnologia com aspecto futurista.
Governança e uso do manual
Para colaboradores Cappta
Este manual existe para tornar o dia a dia mais rápido. Use as diretrizes, os arquivos e o kit de identidade sempre que precisar criar um material interno, uma apresentação ou uma peça de produto. Para materiais externos ou comerciais, incluindo redes sociais, o canal segue sendo o time de Marketing, responsável por garantir a coerência da marca.
Dúvidas, sugestões ou pedidos de material personalizado: fale com a gente em mktcappta@gmail.com.
Para parceiros e terceiros
Se for necessária a aplicação da identidade Cappta, siga as diretrizes deste manual para manter a coerência visual do ecossistema. Qualquer peça, campanha ou material que combine a marca Cappta com a sua deve ser alinhado com o nosso time de Marketing antes da publicação, para preservar a identidade de ambas as marcas.
Caso você seja um parceiro e precise mencionar a Cappta, é obrigatório deixar claro para o seu cliente final que a infraestrutura financeira pertence a uma instituição autorizada. Para isso, você deverá incluir uma menção à Cappta como provedora dos serviços financeiros em seus materiais comerciais.
Mensagem de exemplo:
Serviços financeiros fornecidos pela Cappta - Instituição de Pagamento S.A., autorizada pelo Banco Central do Brasil.
Atenção: A forma e o local de apresentação dessa informação deverão ser adequados ao respectivo canal e à jornada do cliente, de modo que a identificação da instituição responsável pelos serviços financeiros seja suficientemente clara. Saiba mais sobre a Resolução Conjunta BCB/CMN nº 17/2025.