Nosso guia. Seus recursos. Vamos transformar a relação com pagamentos juntos?
Última atualização - 12.2025
Identidade da marca
Tipografia
Elementos Gráficos
Mídia Kit
v 1.0.0
Bem-vindo ao nosso guia da marca
Bem-vindo(a) ao guia de marca da Seg Pag! Explore as aplicações da identidade visual da nossa marca. Essas diretrizes foram criadas para lhe dar as ferramentas necessárias para usar nossa marca de forma precisa e eficaz em todos os canais.
Logo
Nosso logo é o principal símbolo da Seg Pag. Ele garante reconhecimento e transmite nosso propósito: facilitar os pagamentos. Neste manual, você encontra as diretrizes de aplicação para manter o uso do logo sempre consistente, claro e alinhado à nossa essência: uma solução simples, segura e flexível para pagar boletos imobiliários no cartão, com possibilidade de parcelamento.
Aplicações em cores
Priorize a legibilidade, principalmente em sobreposições.
Aplicação sobre imagem
Aplicação sobre cor
Aplicação sobre cor
Aplicação positiva
Aplicação negativa
Margens de segurança
Garanta o espaçamento adequado para manter a legibilidade e proporcionar um ambiente limpo ao redor do logo.
Usos incorretos
Não altere as cores da marca
Não adicione bordas
Não distorça o logo
Não aplique gradientes
Não combine com outros elementos gráficos
Não aplique sobre imagens sobrecarregadas.
Não utilize o logo em 2 cores para sobreposições.
Segmentação B2C
Mesmo não sendo o foco atual da operação, estabelecemos uma versão da marca voltada ao público B2C, diferenciada pela mudança no tom predominante de verde.
Ao limitar a variação à cor, conseguimos sinalizar a segmentação de público com clareza, preservando a identidade visual da Seg Pag e garantindo consistência em todas as aplicações.
Aplicação Primária
Aplicação Secundária
Aplicação sobre cor
Aplicação sobre cor
Cores
Nossa paleta de cores foi definida de forma intencionalmente vibrante para comunicar simplicidade e agilidade nos pagamentos. O verde remete à conclusão da transação, uma experiência positiva, fácil e segura.
Cores principais
Essas cores são fundamentais para todas as aplicações da marca, garantindo consistência e coerência em todos os nossos materiais de comunicação. Aplicadas de maneira consistente, elas fortalecem a familiaridade com a marca e ampliam o reconhecimento visual em todos os pontos de contato.
Cores secundárias
Além da paleta principal, temos uma paleta secundária que a complementa com um esquema mais amplo, porém conciso. Essas cores servem para realçar os layouts com detalhes adicionais, embora não seja necessário que estejam presentes em todos os pontos de contato.
Proporção de cores
Embora as proporções de cores possam variar conforme o meio e a aplicação, recomenda-se que a marca, de forma geral, siga as proporções indicadas nesta página. Isso inclui manter o equilíbrio entre a base branca e a escala de verdes, garantir uma presença predominante do verde e utilizar o preto de forma pontual, apenas em elementos de destaque.
Evite o uso excessivo de tons escuros. Cores mais claras e vibrantes reforçam a percepção da Seg Pag como uma marca leve, moderna e inspiradora.
BRANCO
60%
VERDE SEG PAG
30%
PRETO
10%
Combinações de cores
Estas são as combinações de cores que mais utilizamos e que apresentam uma boa pontuação de acessibilidade. Temos uma ampla gama de combinações possíveis, mas estas são certamente as mais recomendadas e utilizadas com maior frequência.
Lembre-se da acessibilidade ao combinar cores. Para textos funcionais, busque sempre combinações de alto contraste.
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
SEG PAG
Cores B2C
Embora ainda não seja o foco da operação, definimos que a marca terá uma variação específica para comunicação com o público B2C, por meio da alteração da paleta primária. A paleta secundária permanece a mesma.
Essa diferenciação restrita às cores permite criar segmentos de comunicação de forma clara, sem se afastar da identidade visual padrão da Seg Pag e mantendo consistência entre as aplicações.
Tipografia
A tipografia utilizada na construção do logo é personalizada. Para futuros subprodutos e extensões da Seg Pag, deve-se seguir o mesmo padrão estético, mantendo a harmonia visual e o reconhecimento da identidade.
Source Sans 3
Para a tipografia institucional de apoio, adotamos a Source Sans 3, fonte principal do grupo Seg Imob. Clara, moderna e funcional, ela garante legibilidade e consistência em diferentes canais e formatos.
Source Sans 3
ExtraLight 200
Source Sans 3
ExtraLight 200 Italic
Source Sans 3
Light 300
Source Sans 3
Light 300 Italic
Source Sans 3
Regular 400
Source Sans 3
Regular 400 Italic
Source Sans 3
Medium 500
Source Sans 3
Medium 500 Italic
Source Sans 3
SemiBold 600
Source Sans 3
SemiBold 600 Italic
Source Sans 3
Bold 700
Source Sans 3
Bold 700 Italic
Source Sans 3
ExtraBold 800
Source Sans 3
ExtraBold 800 Italic
Source Sans 3
Black 900
Source Sans 3
Black 900 Italic
Elementos Gráficos
A comunicação da marca deve ser sempre leve e direta, mantendo uma estética moderna e disruptiva, com foco em clareza e praticidade em todos os pontos de contato.
Elementos 3D
Para reforçar a simplicidade dos pagamentos, adotamos um direcionamento visual limpo. Sempre que possível, evite o uso de sombras e priorize o contraste para garantir clareza, legibilidade e impacto visual.
Blocos empilhados
Os blocos empilhados têm estética de interface e um formato característico, com 2 cantos retos e 2 cantos arredondados. Eles são usados para destacar mensagens rápidas, como benefícios, ações e etapas do pagamento, de forma leve, direta e altamente visual.
O texto deve ser curto e de leitura imediata, priorizando palavras ou frases objetivas. Os blocos podem ser aplicados sobre fotos, desde que haja contraste suficiente para garantir legibilidade. A construção deve utilizar a gama de cores da marca, mantendo consistência com a identidade visual em qualquer peça.
Mockups
Utilizamos mockups para apresentar funcionalidades e contextos de uso da Seg Pag. Como a plataforma ainda está em desenvolvimento até a criação desta versão de manual, todas as telas exibidas nessas peças são meramente ilustrativas e podem não representar o layout final do produto.
Por esse motivo, as composições priorizam interações simples e pontuais, com cenas controladas e sem representar fluxos completos ou funcionalidades robustas do sistema.
Iconografia
Os ícones cumprem um papel funcional no branding. Nesta sessão, apresentamos alguns modelos como referência para a construção de uma biblioteca mais completa.
Ícones
O estilo definido prioriza linhas flexíveis e conexões arredondadas. Utilize esse padrão de traço como base para desenvolver novas opções, mantendo consistência e unidade visual em todas as aplicações.
Aproximação
Maquininha 1
Maquininha 2
Meta
Foguete
Transferir
Cartões
Carteira
Ideia
Dinheiro
Cartão Negado
Cartão Aprovado
Cartão Transferir
Pagamento NFC
Documento
Comprovante
Código
Ler Código
Segurança
Boleto
Pagamento
Barras
18x Aprovado
12x Aprovado
Busca Preço
Emojis
Priorize emojis simples, flat e universais, que reforcem ideias de positividade e proximidade. Evite excessos, combinações longas e emojis com interpretações ambíguas. Utilize emojis junto a frases curtas e títulos, como apoio visual para guiar a leitura. Eles também podem ser aplicados nos blocos empilhados, sempre de forma pontual e consistente com a comunicação da Seg Pag.
Indiferente
Confuso
Bobo
Neutro
Triste
Animado
Atordoado
Apaixonado
Feliz
Beijo
Silencioso
Frustrado
Cartão Transferir
Surpreso
Alegre
Contente
Fotografia
As imagens devem refletir a atmosfera da Seg Pag, com pessoas transmitindo positividade, leveza e energia. Utilizamos diferentes abordagens fotográficas para evidenciar como a plataforma conecta pessoas a um jeito mais simples de efetuar pagamentos, descomplicando a rotina.
Estilo humanizado
Pessoas em situações cotidianas, retratadas de forma espontânea e natural, com expressões felizes e um clima otimista que transmita praticidade (rotina, organização e resolução).
Priorize cores quentes e iluminação acolhedora. Sempre que possível, inclua uma peça de roupa no tom de verde da marca, reforçando a identidade visual de maneira sutil e consistente.
Estilo imobiliário
Fachadas, interiores e elementos que remetam ao setor imobiliário, como condomínios, prédios residenciais, chaves, portarias e ambientes de moradia.
Cuidado com IA
É permitido o uso de inteligência artificial na criação de imagens, desde que o resultado mantenha aparência natural e realista. Tenha atenção redobrada a detalhes que costumam denunciar a IA, como olhos e pálpebras, dentes, mãos e dedos (proporções e articulações), evitando deformações, assimetrias e texturas artificiais.
A Inteligência Artificial Visual Eletric costuma entregar bons resultados caso precisem de indicação de uma ferramenta mais consistente.
Tratamento de imagens
Para o tratamento das imagens, aplique um filtro leve usando a cor Verde Seg Pag com densidade de 15%. Além disso, selecione um elemento específico da foto para receber a cor da marca.
Em imagens com pessoas, priorize uma peça de roupa ou acessório. Em cenas, escolha um objeto do ambiente. Essa aplicação pontual reforça a identidade da marca de forma sutil e mantém a foto com aparência natural.
Foto com filtro
Foto sem filtro
Mídia Kit
Pronto para usar nossa identidade visual? Baixe nosso mídia kit completo abaixo para acessar nossos materiais disponíveis. E não se esqueça de consultar nossas diretrizes ao aplicar nossos designs.
E qualquer dúvida, entre em contato através do e-mail marketing@cscorp.tec.br