Botfacilito — Brand Guide

01 — IdentidadQuiénes Somos

Botfacilito es la plataforma que le permite a cualquier persona —la peluquera del barrio, el electricista, el dueño del taller, la mamá que vende tortas— armar su propio asistente de IA en WhatsApp en minutos. Sin código, sin equipo técnico, sin consultores. Y a un precio que su bolsillo real resista.

Misión

Que cualquier pyme o emprendedor de LATAM pueda tener un asistente de IA en WhatsApp en minutos — accesible, simple y con alma de amigo.

Visión

Un LATAM donde cada trabajador, emprendedor y pyme tiene un asistente personal en WhatsApp. Un amigo digital que le recuerda citas, le atiende clientes, le organiza el día. Donde la IA deja de ser privilegio de empresas grandes y se vuelve una herramienta tan natural como mandar un audio por WhatsApp.

Tagline

"Bots inteligentes, soluciones fáciles"

Valores

🪓

Simplicidad brutal

Si una peluquera no puede armar su asistente sola, sin tutorial, sin sobrino técnico — fallamos.

💰

Accesibilidad radical

Precio en pesos colombianos y mexicanos reales. Si no lo paga un taller del barrio, no es Botfacilito.

🤗

IA con alma de amigo

Construimos amigos digitales, no agentes corporativos. Si suena a call center de banco, la rompimos.

👷

El común primero

Peluqueros, electricistas, tenderos, emprendedoras. Esos son los dueños de Botfacilito, no el enterprise.

🌎

LATAM-first

Español real de Colombia, México, Argentina. No traducimos modismos — los vivimos.

02 — LogoUso del Logo

El logo de Botfacilito combina un robotcito sonriendo dentro de un bocadillo de WhatsApp con el wordmark "Botfacilito". Transmite tecnología (azul oscuro), facilidad (verde/teal) y cercanía (la sonrisa). Hacé click en cualquier variante para descargarla.

Principal · Fondo claro

Isotipo · Fondo oscuro

Isotipo · Gradiente

Principal · Fondo gris

Reglas de uso

Regla	Detalle
Nombre	"Botfacilito" — capital B, todo junto, "facilito" en minúscula. Nunca "BotFacilito", "Bot Facilito", "BOTFACILITO" o "botfacilito".
Espacio mínimo	Mantener al menos un 25% del ancho del logo como espacio libre alrededor.
Tamaño mínimo	120px de ancho para el logo completo. 32px para el isotipo (favicon, avatar).
Fondo preferido	Blanco o muy claro. Para fondos oscuros usar el isotipo, no el wordmark completo.
No distorsionar	No rotar, estirar, recortar, recolorar ni aplicar efectos (sombras, contornos, glow) al logo.
No componer encima de fotos	Si el fondo no es plano, usar contenedor blanco con padding mínimo del 20%.

03 — ColoresPaleta de Marca

La paleta refleja la dualidad del producto: azul oscuro para la base tecnológica (confianza, infraestructura), verde/teal en gradiente para lo amigable y "facilito". Hacé click en cualquier color para copiar el hex.

Colores primarios

Primary

BF Navy

#0B2545

Accent

BF Teal

#2EC4B6

Accent

BF Green

#3DDC97

Base

BF White

#FFFFFF

Gradiente de marca

BF Gradient

Teal → Green

135deg #2EC4B6 → #3DDC97

Variantes de Navy

Dark

Navy Dark

#061833

Light

Navy Light

#143764

Neutros

900

Gray 900

#111827

700

Gray 700

#374151

500

Gray 500

#6B7280

300

Gray 300

#D1D5DB

100

Gray 100

#F3F4F6

Uso de colores

Color	Cuándo usarlo
BF Navy	Fondos oscuros del hero, headers, texto principal en headings, navegación. El color "tecnológico" y "de confianza".
BF Teal / Green	CTAs, links, highlights, acentos, estados activos. Gradiente para botones y heros. El color de "facilito".
White	Fondo principal de las páginas. Cards, modales, surfaces.
Gray 500	Texto secundario, captions, placeholders, bordes sutiles.

04 — TipografíaInter

Inter es la tipografía única de Botfacilito. Diseñada para pantallas, con excelente legibilidad en todos los tamaños. Coincide con la default de shadcn/ui — la usamos en marketing, en el dashboard y en cualquier punto de contacto. Una sola fuente = simplicidad brutal.

Display — Inter 900 / 3rem

Tu asistente en WhatsApp

Heading 1 — Inter 800 / 2rem

Atendé clientes 24/7 con IA

Heading 2 — Inter 700 / 1.5rem

Sin código, sin consultores

Heading 3 — Inter 600 / 1.25rem

500 conversaciones IA al mes

Body — Inter 400 / 1rem

Botfacilito conecta con tu WhatsApp Business y aprende de tu negocio en minutos. Respondé pedidos, agendá citas, recordá pagos — todo automático, todo en tu propia voz. Sin tener que aprender programación, sin contratar a nadie.

Small / Caption — Inter 500 / 0.875rem

Founding Member · 29.000 COP/mes · Precio vitalicio mientras seas cliente activo

Escala tipográfica (Tailwind)

Nivel	Clase Tailwind	Peso
Display	text-5xl / text-4xl	font-black (900)
H1	text-3xl	font-extrabold (800)
H2	text-2xl	font-bold (700)
H3	text-xl	font-semibold (600)
Body	text-base	font-normal (400)
Small	text-sm	font-medium (500)
Caption	text-xs	font-medium (500)

05 — Tono de VozCómo Hablamos

Botfacilito habla como un amigo colombiano que sabe de tecnología — amigable, cercano, colaborador, profesional. Hablamos de tú/vos, no de usted. Nunca como un vendedor de software empresarial, nunca como un call center de banco. Si suena a robot corporativo, la rompimos.

Principios de voz

Principio	Significado
Amigable	Tono cálido, cercano, sin jerga corporativa. Como le hablás a un compadre o a tu mejor amiga del barrio. Emojis con criterio, no de relleno.
Colombiano	Español de la calle latinoamericana. Modismos vivos ("qué chimba", "parce", "dale", "listo"), pero sin caer en estereotipo. Adaptable a México, Argentina, Perú.
Colaborador	Hablamos como socios del cliente, no como proveedor. "Te ayudamos a", "armemos juntos", "lo configuramos". Nunca distantes ni paternalistas.
Profesional	Cercanía no es desorden. Datos claros, promesas que cumplimos, compromiso con resultados. Cuando hablamos de precios, integraciones o features — somos precisos.

Do's & Don'ts

✓ Sí	✗ No
"Armá tu bot en 5 minutos, sin código"	"Implemente nuestra solución de inteligencia artificial conversacional"
"Cobrá con Nequi, Bold, PSE o tarjeta"	"Integración con múltiples pasarelas de pago colombianas"
"Tu bot atiende a tus clientes mientras dormís"	"Automatización 24/7 de su servicio al cliente vía IA"
"Probalo gratis, sin tarjeta"	"Solicite una demo personalizada con nuestro equipo comercial"
"¿Tenés un negocio en WhatsApp? Esto es para vos"	"Dirigido a Pymes y emprendedores del segmento LATAM"
"Listo, ya quedó configurado 🎉"	"La configuración ha sido completada exitosamente."
"Si te trabás, escribinos por WhatsApp"	"Ante cualquier inconveniente, contacte a nuestro equipo de soporte."

06 — AplicacionesVariables CSS & Tailwind

Para implementar la paleta en la landing, dashboard y cualquier producto Botfacilito:

tailwind.config.js

// theme.extend.colors
bf: {
  navy:  { DEFAULT: '#0B2545', dark: '#061833', light: '#143764' },
  teal:  '#2EC4B6',
  green: '#3DDC97',
  white: '#FFFFFF',
  gray:  {
    100: '#F3F4F6', 300: '#D1D5DB', 500: '#6B7280',
    700: '#374151', 900: '#111827'
  }
}

// theme.extend.backgroundImage
'bf-gradient': 'linear-gradient(135deg, #2EC4B6 0%, #3DDC97 100%)'

// theme.extend.fontFamily
sans: ['Inter', ...defaultTheme.fontFamily.sans]

CSS Custom Properties

:root {
  --bf-navy:       #0B2545;
  --bf-navy-dark:  #061833;
  --bf-navy-light: #143764;
  --bf-teal:       #2EC4B6;
  --bf-green:      #3DDC97;
  --bf-white:      #FFFFFF;
  --bf-gray-900:   #111827;
  --bf-gray-700:   #374151;
  --bf-gray-500:   #6B7280;
  --bf-gray-300:   #D1D5DB;
  --bf-gray-100:   #F3F4F6;
  --bf-gradient:   linear-gradient(135deg, #2EC4B6 0%, #3DDC97 100%);
}

Importar Inter (Google Fonts)

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">