Manual da Marca
ServirCred
Guia de identidade visual e tom de comunicação para uso consistente da marca ServirCred em todos os canais.
Marca
Logotipo, naming e uso correto da identidade ServirCred.
Nome da Marca
ServirCred
Sempre junto, S e C maiúsculos. Nunca "Servir Cred" com espaço.
Slogan
"Atendimento humano e personalizado."
Use para reforçar o diferencial de contato humano.
Tagline de Mercado
"Consultoria especializada em crédito imobiliário."
Ideal para header e bio de redes sociais.
Paleta de Cores
Cores primárias, secundárias e de suporte. Clique em qualquer swatch para copiar o HEX.
Cores Primárias
Azul Principal
RGB: 29, 78, 216
CTAs, títulos em destaque, links
Azul Escuro
RGB: 30, 58, 138
Navbar, rodapé, fundo escuro
Azul Médio
RGB: 37, 99, 235
Botões secundários, badges
Azul Claro
RGB: 219, 234, 254
Fundos de seção, cards, destaque sutil
Azul Texto
RGB: 30, 64, 175
Texto de acento, subtítulos coloridos
Neutros & Suporte
Branco
RGB: 255, 255, 255
Fundos de página, texto em fundo escuro
Cinza Claro
RGB: 248, 250, 252
Fundo de seções alternadas
Cinza Médio
RGB: 100, 116, 139
Textos secundários, legendas
Cinza Escuro
RGB: 30, 41, 59
Corpo de texto principal, títulos neutros
Feedback
Verde Sucesso
RGB: 22, 163, 74
Confirmações, badges positivos, checks
Verde Claro
RGB: 220, 252, 231
Fundo de alertas positivos
Vermelho Alerta
RGB: 220, 38, 38
Erros, alertas críticos
Gradiente Oficial
from #1E3A8A → to #2563EB (135°)
Usado em heroes, banners e fundos de destaque
Tipografia
Hierarquia tipográfica para todos os contextos de comunicação. Fonte: Inter (Google Fonts).
Tamanho: 48–60px
Peso: Bold (700)
Cor: #1E293B
Crédito com garantia de imóvel
Tamanho: 32–40px
Peso: Bold (700)
Cor: #1E293B
Como podemos ajudar você?
Tamanho: 20–24px
Peso: Semibold (600)
Cor: #1E293B
Crédito com Garantia de Imóvel
Tamanho: 16px
Peso: Regular (400)
Cor: #475569
A ServirCred compara opções em múltiplos bancos...
Tamanho: 13–14px
Peso: Regular (400)
Cor: #64748B
Sem cobrança antecipada · 100% digital
Tamanho: 13px
Peso: Medium (500)
Cor: #1D4ED8
Consultoria especializada em crédito imobiliário
Tamanho: 15–16px
Peso: Semibold (600)
Cor: #FFFFFF
Simular meu crédito gratuitamente →
font-family: 'Inter', system-ui, sans-serif. Disponível gratuitamente no Google Fonts.Espaçamento & Grid
Escala de espaçamento consistente baseada em múltiplos de 4px.
| Token | Representação Visual | Aplicação |
|---|---|---|
| 4px | Espaço mínimo (gap entre ícone e texto) | |
| 8px | Padding interno de badges e chips | |
| 12px | Gap interno de cards compactos | |
| 16px | Padding padrão de inputs e botões | |
| 24px | Gap entre elementos de formulário | |
| 32px | Padding interno de cards | |
| 48px | Espaçamento entre seções menores | |
| 64–80px | Padding vertical de seções de página |
Grid de Página
Largura máxima: 1280px com padding lateral de 24px (mobile) e 48px (desktop).
Border Radius
Voz & Tom
Como a ServirCred se comunica com clientes, parceiros e no mercado.
Mostramos as informações completas antes de qualquer assinatura. Sem letras miúdas.
Falamos como especialistas que se importam, não como sistemas automatizados.
Frases curtas, claras e objetivas. Evitamos jargão financeiro desnecessário.
Não prometemos o que não podemos cumprir. Alertamos sobre golpes e cobranças indevidas.
Entendemos que crédito é um momento importante. Tratamos cada cliente de forma individual.
✅ Use este tom
- "Comparamos múltiplos bancos para você encontrar a melhor taxa."
- "Sem cobrança antecipada. Nossa remuneração vem do banco."
- "Um especialista entra em contato em até 24h."
- "Seu imóvel é seu. Usamos como garantia, não como pagamento."
❌ Evite este tom
- "Aprovação garantida para todos os perfis!"
- "Taxas impossíveis que nenhum banco oferece."
- "Resolvo tudo sem burocracia em 1 dia."
- "Pague a taxa de análise e garanta sua vaga."
Dos & Don'ts
Regras de uso da marca para garantir consistência em todos os pontos de contato.
Usar "ServirCred" (S maiúsculo, C maiúsculo)
Usar "servircred", "SERVIRCRED" ou "Servir Cred" com espaço
Fundo branco ou azul escuro para o logo
Logo sobre fundos coloridos que reduzam contraste
Azul primário (#1D4ED8) em CTAs e destaques
Misturar o azul com tons de roxo ou verde não da paleta
Fonte Inter ou system-ui (sans-serif limpa)
Fontes serifadas ou manuscritas em corpo de texto
Tom profissional e acolhedor
Linguagem excessivamente técnica ou promessas irreais
Ícones de linha finos (estilo Lucide/Outline)
Ícones preenchidos pesados ou cliparts desconexos