Qué es KeroIA.
KeroIA es la plataforma de agentes comerciales IA que te ayudan a vender más. Atienden en 4 segundos, cotizan en vivo, cierran ventas — 24/7, sin contratar más gente.
Manifiesto
- La venta se decide en el primer mensaje. No en una reunión, no en un correo, no en una llamada de cierre.
- Si no respondes en 5 minutos, esa venta es de otro. La velocidad ya no es ventaja — es supervivencia.
- Tu mejor vendedor no escala. Un sistema, sí. Replicar el criterio de tu mejor ejecutivo, mil veces al día.
- El criterio comercial se entrena, no se programa. No vendemos un chatbot — vendemos un sistema que aprende.
- Lo que no se mide, lo gana la competencia. Cada objeción, cada precio, cada cierre — medido.
Logotipo.
El logo de KeroIA combina Kero (la mascota, burbuja de chat con cara) y el wordmark KeroIA (sufijo "IA" en esmeralda).
Reglas de uso
tilt), el logo no.Kero, la mascota.
Kero es una burbuja de chat con cara, audífonos de call center y badges contextuales. Su silueta (speech bubble) cuenta lo que hace: vive en la conversación, atiende, cotiza y cierra ventas.
Los 6 moods
mood="idle"mood="happy"mood="thinking"mood="talking"mood="surprise"mood="sleep"Badges
badge="$"badge="✓"badge="K"Reglas de la mascota
- Kero no rota más de ±15° (prop
tilt). - El color del cuerpo siempre es esmeralda (
#10B981). Puede teñirse al brand color de un cliente en multi-marca, pero nunca cambiar a colores que confundan. - Los audífonos (prop
headset) son la firma del agente activo. En estados pasivos (sleep, favicon) usarheadset={false}. - El tamaño mínimo es 16px (favicon). Por debajo de eso, usar solo el wordmark.
- El parpadeo automático funciona solo en
mood="idle". Otros moods son estáticos.
Kero playground.
Manipula a Kero en vivo. Cambia mood, tamaño, headset, badge e inclinación — el snippet React se actualiza solo. Cópialo y pégalo donde lo necesites.
<Kero size={140} mood="happy" badge="$" />Paleta de color.
Esmeralda como acento, ink para textos, cream para fondos. Sin más colores — la disciplina es parte de la marca.
Esmeralda
#10B981--emAcento principal, CTAs, highlights de texto#0D9D6E--em-hoverHover de botones esmeralda#0B7F5C--em-darkerUndertone del Kero (lado oscuro)#0D7A5F--em-inkTexto esmeralda sobre fondo clarorgba(16,185,129,.08)--em-softBackgrounds sutiles, fills de cardsInk (textos)
#0E0F0C--inkTexto principal, encabezados#54564E--ink2Texto secundario, párrafos largos#A2A398--ink3Meta, kickers, labels#C9C9C0--ink4Detalles tenues, bordesFondo
#FAFAF7--bgFondo principal del landing (light)#F5F4EE--bg2Variación de fondo, gradients#0E0F0C--darkSecciones dark (Problema, Manifesto, Mission Control)#E6E4DA--borderBordes de cards, divisoresTipografía.
Sistema "Variant D" — sans-only, bold, tight. Inspirado en Stripe, Linear, Vercel. Sin serifas, sin scripts, sin decoraciones.
600 · 700Headlines, números grandes, titulares
400 · 500 · 600Párrafos, UI, navegación, descripciones
400 · 500 · 700Kickers, eyebrows, badges, metadata, números tabulares
Voz y copywriting.
Conciso, específico, sin chamullo. Decimos qué hace el producto con verbos y números — no con adjetivos vacíos.
Decimos números concretos: 4 segundos, 5 minutos, 47k.
Decimos 'rápido', 'muy eficiente', 'muchísimo'.
Hablamos en presente activo: Atienden, cotizan, cierran.
Usamos vocabulario corporativo: brindar soluciones, optimizar.
Decimos lo que hace el agente con verbos.
Decimos qué es 'revolucionario' o 'disruptivo'.
Damos data verificable: tasa, tiempos, cifras.
Hacemos promesas no cumplibles.
Usamos 'tu equipo', 'tu cliente', 'tu negocio'.
Usamos 'usted', 'estimado', 'a quien pueda interesar'.
Componentes UI.
Sistema visual reducido. Botones, cards, pills, eyebrows. Reutilizables en email, deck, social.
Botones
Eyebrows · kickers
Cards
Omnicanal
WhatsApp, Instagram y Webchat. Un solo agente atendiendo.
En vivo
Qué cierra. Qué falla. Qué objeción mata ventas.
Dónde vive Kero.
Mascota y wordmark se adaptan a cada superficie. Lo común: paleta esmeralda + ink + cream. Lo distinto: el tamaño y mood de Kero.
Logo nav, hero huddle, anatomía, footer
Header del email, cierre
Inbox: mood según estado del agente
Sin headset · solo bubble + ojos
Hero de posts, OG images
Portadas, transiciones, énfasis
Press kit.
Recursos para diseñadores, prensa, agencias y partners. Si necesitas un asset que no está acá, escríbenos.
Logos
Redes sociales
Redes sociales · extras
Kero · 6 moods pack
Color palette
Press kit completo
ZIP con 20+ assets · logos · 6 moods · social banners · paletas CSS/JSON/ASE · README incluido
¿Necesitas algo más?
Para uso de marca, partnerships o prensa: hello@keroia.io