CONVERSAS QUE CRESCEM
✕Sem tudo em maiúsculas
Apenas sentence case. Nunca títulos, CTAs ou body em maiúsculas.
Diretrizes da Marca
Tudo o que precisa para representar a Spoki de forma coerente.
Tipo de letra
A nossa tipografia
Plus Jakarta Sans
Plus Jakarta Sans é a tipografia oficial da Spoki — uma sans-serif geométrica moderna usada em todos os meios e aplicações pela sua flexibilidade, legibilidade e tom amigável.
LightAa
RegularAa
BoldAa
Estilos de texto
Estilos de texto
Os títulos usam Bold ou Regular; os textos usam Regular. Os títulos são sempre pretos, com o verde de marca reservado para highlights. O texto body é Bold preto, com bold preto e bold verde para ênfase.
Títulos
Conversas que crescem
Bold · 48px
Conversas que crescem
Regular · 48px
Subtítulos e textos
Um canal direto e pessoal
Bold · 24px
A Spoki ajuda as empresas a criar relações autênticas através de uma comunicação direta, eficaz e pessoal.
Regular · 16px
Highlights
Transforma conversas em receitas
Títulos: preto + palavra highlight verde
Body bold preto com bold verde e texto preto regular.
Body: Bold preto + Bold verde + Regular preto
Don'ts
Don'ts
Estes tratamentos quebram a voz Spoki. Nunca os uses em UI de produto, marketing ou social.
Conversas que crescem
✕Sem ExtraBold
Para no Bold (700). ExtraBold (800) é demasiado pesado para a Spoki.
Conversas que crescem
✕Sem sublinhados
Nunca sublinhes títulos, body ou CTAs. Enfatiza com cor ou peso.
Uso
Uso sobre fundos
A cor do texto adapta-se à superfície. Sobre o verde Spoki e os gradientes aprovados a fonte é sempre preta. Sobre fotografia ou fundos de cor sólida a fonte é sempre branca.
Sobre verde sólido
Usa sempre texto preto sobre o verde de marca para máximo contraste e consistência de marca.
Fonte: preta
Sobre gradientes
Sobre os gradientes verdes aprovados, mantém a fonte preta para preservar a legibilidade em toda a gama tonal.
Fonte: preta
Sobre fotografia
Quando o texto está sobre imagens, muda para branco para se manter legível sobre qualquer tom subjacente.
Fonte: branca
Sobre cor
Sobre fundos escuros sólidos ou cores saturadas, usa texto branco para manter visibilidade e hierarquia.
Fonte: branca
Highlight IA
Highlight IA sobre gradientes
Para superfícies com temática IA, o título pode assumir o gradiente verde-menta da marca. Combina o título em gradiente com uma linha de apoio preta sólida e o ícone sparkle IA para sinalizar os agentes IA da Spoki.
Agentes IA
por WhatsApp e Voice
Gradiente 90° #16D46D → #A5FFDB · título Bold + subtítulo Bold preto + sparkle IA
13Brand Book