CONVERSACIONES QUE CRECEN
✕Sin todo mayúsculas
Solo sentence case. Nunca títulos, CTAs o body en mayúsculas.
Directrices de Marca
Todo lo que necesitas para representar a Spoki de forma coherente.
Tipografía
Nuestra tipografía
Plus Jakarta Sans
Plus Jakarta Sans es la tipografía oficial de Spoki — una sans-serif geométrica moderna usada en todos los medios y aplicaciones por su flexibilidad, legibilidad y tono amigable.
LightAa
RegularAa
BoldAa
Estilos de texto
Estilos de texto
Los titulares usan Bold o Regular; los textos usan Regular. Los títulos son siempre negros, con el verde de marca reservado para highlights. El texto body es Bold negro, con bold negro y bold verde para el énfasis.
Titulares
Conversaciones que crecen
Bold · 48px
Conversaciones que crecen
Regular · 48px
Subtítulos y textos
Un canal directo y personal
Bold · 24px
Spoki ayuda a las empresas a crear relaciones auténticas a través de una comunicación directa, eficaz y personal.
Regular · 16px
Highlights
Convierte las conversaciones en ingresos
Títulos: negro + palabra highlight verde
Body bold negro con bold verde y texto negro regular.
Body: Bold negro + Bold verde + Regular negro
Don'ts
Don'ts
Estos tratamientos rompen la voz de Spoki. No los uses nunca en UI de producto, marketing o social.
Conversaciones que crecen
✕Sin ExtraBold
Párate en Bold (700). ExtraBold (800) es demasiado pesado para Spoki.
Conversaciones que crecen
✕Sin subrayados
Nunca subrayes títulos, body o CTAs. Enfatiza con color o peso.
Uso
Uso sobre fondos
El color del texto se adapta a la superficie. Sobre el verde de Spoki y los degradados aprobados la fuente es siempre negra. Sobre fotografía o fondos de color sólido la fuente es siempre blanca.
Sobre verde sólido
Usa siempre texto negro sobre el verde de marca para máximo contraste y coherencia de marca.
Fuente: negra
Sobre degradados
Sobre los degradados verdes aprobados, mantén la fuente negra para preservar la legibilidad en todo el rango tonal.
Fuente: negra
Sobre fotografía
Cuando el texto va sobre imágenes, cambia a blanco para mantener la legibilidad sobre cualquier tono subyacente.
Fuente: blanca
Sobre color
Sobre fondos oscuros sólidos o colores saturados, usa texto blanco para mantener visibilidad y jerarquía.
Fuente: blanca
Highlight IA
Highlight IA sobre degradados
Para superficies con temática IA, el titular puede tomar el degradado verde-menta de la marca. Combina el título en degradado con una línea de apoyo negra sólida y el icono sparkle IA para señalar los agentes IA de Spoki.
Agentes IA
por WhatsApp y Voice
Degradado 90° #16D46D → #A5FFDB · título Bold + subtítulo Bold negro + sparkle IA
13Brand Book