Brandbook
Jesús Sánchez Training & Consulting
Manual completo de marca que define la estrategia, identidad visual, tono de voz y guías de aplicación para una de las firmas de capacitación empresarial más importantes de México.
T01Brand Brief
Resumen ejecutivo de la marca: datos generales, declaraciones, oferta de servicios y públicos objetivo.
Datos Generales
| Campo | Valor |
|---|---|
| Razón Social | Jesús Sánchez Training & Consulting |
| Nombre Corto | JS Training & Consulting |
| URL | jesussanchez.com.mx |
| Industria | Capacitación empresarial in-company, consultoría organizacional, certificaciones |
| Origen | Querétaro, México |
| Oficinas | Querétaro (Central), CDMX, Guadalajara, Monterrey |
| Teléfono Central | +52 (442) 926-7021 |
| Email de Contacto | ichavarria@jesussanchez.com.mx |
| CMS | WordPress con tema Avada (Child Theme) + Elementor |
Fundadores
Jesús Sánchez
Rol: Socio Fundador — Dirección de Capacitación, Ventas y Estrategia Comercial
Lic. Ciencias de la Comunicación (UVM). Master en Publicidad (U. De La Salle Bajío). Certificado "Train the Trainers" y SEP CONOCER. 15,000+ ejecutivos entrenados.
Miguel Sánchez
Rol: Socio Fundador — Dirección de Consultoría, Calidad y Mejora Continua
Ing. Industrial (U. Marista de Querétaro). Master en Ingeniería Administrativa y Calidad. Six Sigma Black Belt. Auditor Senior en Sistemas de Calidad.
Declaraciones de Marca
Misión: "Facilitar a nuestros socios comerciales en el desarrollo y crecimiento de su personal directivo, gerencial, ejecutivo y operativo a nivel profesional-personal, con soluciones únicas para cada caso."
Visión: "Ser el socio de negocios #1 de las empresas mexicanas y extranjeras, para el desarrollo de talento de sus colaboradores."
Valores Corporativos
- Atención al Cliente — "Buscaremos sorprenderle"
- Profesionalismo — Filosofía "Ganar-ganar-ganar-ganar"
- Honestidad — "Disciplina, precisión y sinceridad"
- Sensibilidad — "Buscamos soluciones con tratamientos únicos"
Oferta de Servicios
| # | Línea de Servicio | Descripción |
|---|---|---|
| 1 | Cursos In Company | 400+ cursos presenciales en 7 áreas estratégicas |
| 2 | Cursos Online (E-Training) | Plataforma asíncrona con cursos autodirigidos |
| 3 | Lean Six Sigma | Certificaciones Yellow, Green y Black Belt (DMAIC/PDCA) |
| 4 | Consultoría JSTC Hands-On | DO, ventas, almacenes, logística, calidad ISO |
| 5 | Webinars JST&C | Sesiones en vivo temáticas para capacitación a distancia |
Metodología 3D
🔄 Dinámico
Sesiones interactivas que mantienen la energía y participación activa.
🎯 Divertido
Aprendizaje lúdico que facilita la retención del conocimiento.
🧩 Digerible
Contenido adaptado al nivel de la audiencia, fácil de asimilar y aplicar.
Proceso: Diagnóstico → Asignación de Especialistas → Creación de contenidos Ad Hoc → Implementación con metodología 3D → Seguimiento con ROI.
T02Competitive Analysis
Análisis del mercado de capacitación corporativa en México y posicionamiento competitivo de JS Training & Consulting.
Panorama del Mercado
El mercado mexicano de capacitación corporativa está valuado en aproximadamente $3,500 MDP anuales. Segmentos: presencial in-company, cursos abiertos, e-learning corporativo, certificaciones y consultoría organizacional.
Matriz Comparativa General
| Competidor | Precio | Calidad | Personalización | Metodología | Certificaciones |
|---|---|---|---|---|---|
| JS T&C | ★★★★ | ★★★★★ | ★★★★★ | ★★★★★ | ★★★★★ |
| CAPACITAE | ★★★ | ★★★ | ★★ | ★★ | ★★ |
| CECATI/ICAT | ★★★★★ | ★★ | ★ | ★ | ★★ |
| PMG / Técnicas | ★★★ | ★★★★ | ★★★ | ★★ | ★★★★ |
| Big 4 Academies | ★★ | ★★★★★ | ★★ | ★★★ | ★★★★★ |
| Freelancers | ★★★★★ | ★★ | ★★★★★ | ★ | ★ |
| Udemy Business | ★★★★ | ★★★ | ★ | ★★ | ★ |
Ventajas Competitivas Sostenibles
- Metodología 3D — Propiedad intelectual difícil de copiar
- 400+ cursos en 7 áreas — Catálogo difícil de igualar
- Clientes Fortune 500 — Coca-Cola, Nissan, Siemens, BP, LG, Heineken, DHL
- 4 oficinas físicas — QRO, CDMX, GDL, MTY
- 300+ instructores — Escala operativa única
- Certificaciones múltiples — Lean Six Sigma + ISO + SEP CONOCER
Análisis FODA
✅ Fortalezas
Metodología 3D, 400+ cursos, clientes Fortune 500, cobertura multi-ciudad, 15,000+ ejecutivos entrenados, certificaciones múltiples.
📈 Oportunidades
Expansión a Centro y Sudamérica, fortalecimiento SEO, thought leadership, alianzas con CANACO/COPARMEX.
⚠️ Debilidades
Sin tipografía de marca propia, enlaces 404, idioma es-ES vs es-MX, baja presencia SEO.
🔴 Amenazas
Crecimiento de e-learning low-cost, automatización con IA, recortes presupuestales en RH.
T03Offer Diagnosis & UVP
Diagnóstico de la oferta, propuesta única de valor y posicionamiento estratégico de la marca.
UVP Recomendada
Opción A (Recomendada): "Transformamos equipos con la única metodología 3D de capacitación: Dinámica, Divertida y Digerible. 400+ cursos, certificaciones oficiales y resultados que se miden en ahorros reales."
Declaración de Posicionamiento
Para empresas mexicanas y multinacionales que buscan capacitar a su personal, JS Training & Consulting es la firma de capacitación y consultoría que ofrece soluciones integrales con metodología propia, a diferencia de consultoras genéricas y plataformas de e-learning, nosotros combinamos presencialidad, personalización y diversión en el aprendizaje, con resultados medibles y certificaciones oficiales.
7 Áreas Estratégicas
Alto Rendimiento
Liderazgo, productividad, trabajo en equipo
Soft Skills
Comunicación efectiva, inteligencia emocional
Desarrollo Comercial
Ventas, negociación, atención al cliente
Seguridad Industrial
Protección civil, prevención de riesgos
Calidad ISO
Sistemas de gestión, auditorías
Capital Humano
Reclutamiento, clima, compensaciones
Mejora Continua
Lean Manufacturing, Kaizen, 5S
UVP Tags / Frases Cortas
| Tag | Contexto |
|---|---|
| "Capacitación que transforma" | Genérico, branding |
| "Metodología 3D" | Diferenciador clave |
| "Aprendizaje que no se olvida" | Beneficio emocional |
| "Hecho en México, estándar global" | Posicionamiento |
| "Más que cursos, soluciones" | Consultoría + capacitación |
| "Ganar-ganar-ganar-ganar" | Filosofía comercial |
T04Keyword Research
Investigación de palabras clave para SEO en el mercado mexicano de capacitación empresarial.
Top Keywords Core
| # | Keyword | Vol. Mensual | Intención | Prioridad |
|---|---|---|---|---|
| 1 | capacitación empresarial in company | 1,300 | Comercial | ★★★★★ |
| 2 | cursos de capacitación para empresas | 2,400 | Comercial | ★★★★★ |
| 3 | capacitación empresarial | 3,600 | Informativa | ★★★★ |
| 4 | lean six sigma méxico | 1,000 | Comercial | ★★★★★ |
| 5 | certificación six sigma méxico | 590 | Transaccional | ★★★★★ |
| 6 | curso de liderazgo empresarial | 590 | Comercial | ★★★★ |
| 7 | curso de seguridad industrial | 1,300 | Comercial | ★★★★ |
| 8 | curso de recursos humanos | 1,600 | Comercial | ★★★★ |
| 9 | curso de habilidades blandas | 880 | Comercial | ★★★★★ |
| 10 | consultoría empresarial méxico | 1,000 | Comercial | ★★★ |
Estrategia por Intención
| Intención | % Tráfico | Estrategia |
|---|---|---|
| Informativa | 20% | Atraer: Blog posts, guías, infografías, videos educativos |
| Comercial | 50% | Convertir: Landing pages, casos de éxito, comparativas, webinars |
| Transaccional | 30% | Cerrar: Páginas de servicio, formularios, WhatsApp CTA, cotizaciones |
T05Buyer Personas
Tres perfiles de cliente ideal para enfocar la comunicación y estrategia de marketing.
👩💼 Laura Mendoza
Directora de RH Corporativo · 38-50 años
Multinacional, $2M–$10M anual en capacitación. Dolor: no ve métricas de ROI. Factor decisión: resultados comprobados. Canal: LinkedIn.
"Necesito que mi equipo de verdad aprenda, no solo que cumpla horas."
👨💼 Roberto Ávila
CEO / Director General PYME · 45-60 años
PYME mediana, dueño decide. Dolor: empleados que no rinden. Factor decisión: resultados rápidos y visibles. Canal: WhatsApp/referencia.
"Dame resultados, no teorías."
👨🔬 Carlos Espinosa
Gerente de Mejora Continua / Calidad · 30-45 años
Manufactura, $500K–$3M anual. Dolor: resistencia al cambio. Factor decisión: expertise técnico del instructor. Canal: LinkedIn/grupos técnicos.
"Necesito que mi equipo entienda Six Sigma como herramienta diaria."
Tabla Comparativa
| Atributo | Laura (RH) | Roberto (CEO) | Carlos (Calidad) |
|---|---|---|---|
| Empresa | Multinacional | PYME | Gran empresa |
| Dolor #1 | Sin métricas de ROI | No ve resultados | Resistencia al cambio |
| Factor decisión | Resultados probados | Resultados rápidos | Expertise técnico |
| Canal principal | WhatsApp/Referencia | LinkedIn/Grupos |
T06Brand Archetype: El Sabio + Cuidador
Arquetipo primario: El Sabio (autoridad, conocimiento, sabiduría). Arquetipo secundario: El Cuidador (empatía, servicio, protección).
Manifestaciones del Sabio
- Metodología 3D — Sabiduría propia, propiedad intelectual
- 400+ cursos — Biblioteca del conocimiento
- Certificaciones oficiales — Validación externa (SEP, ISO, Lean Six Sigma)
- Jesús y Miguel — Los sabios fundadores con expertise complementario
- Blog y webinars — Compartir conocimiento gratuitamente
Manifestaciones del Cuidador
- "Socios comerciales" — Relación de cuidado, no transaccional
- "Soluciones únicas para cada caso" — Atención personalizada
- "Ganar-ganar-ganar-ganar" — Filosofía donde todos prosperan
- "Buscaremos sorprenderle" — Servicio excepcional
- Diagnóstico antes de solución — Escuchar antes de recetar
Paleta Visual Arquetípica
| Arquetipo | Color Dominante | Color Secundario |
|---|---|---|
| Sabio | #003A5C (Azul marino) | #005B8C (Azul medio) |
| Cuidador | #28545B (Verde azulado oscuro) | #34A2BA (Verde azulado claro) |
| Intersección | #E30613 (Rojo CTA — urgencia del Sabio + pasión del Cuidador) | |
T07Content Pillars
Los 5 pilares editoriales que guían todo el contenido de marca.
| # | Pilar | % Contenido |
|---|---|---|
| 1 | Metodología 3D: Aprendizaje que Transforma | 30% |
| 2 | Liderazgo y Desarrollo de Talento | 25% |
| 3 | Mejora Continua y Excelencia Operacional | 20% |
| 4 | Resultados que Hablan: Casos de Éxito | 15% |
| 5 | Cultura Organizacional y Capital Humano | 10% |
Reglas de Oro del Contenido
- Todo contenido debe educar o inspirar — Nunca vacío o solo promocional
- La metodología 3D siempre presente — Reflejar el enfoque 3D en todo
- Datos duros + historias humanas — Sabio + Cuidador en cada pieza
- Llamada a la acción clara — Guiar al siguiente paso
- Calidad sobre cantidad — 1 artículo profundo > 5 posts superficiales
- SEO nativo — Keywords integradas naturalmente
- Consistencia visual — Misma paleta, tipografía, estilo gráfico
T08Brand Story & Manifiesto
La historia de dos hermanos que unieron sus talentos para transformar la capacitación empresarial en México.
Versión Corta (Elevator Pitch): Dos hermanos, un sueño compartido: transformar la manera en que las empresas mexicanas desarrollan su talento. Jesús, el comunicador que sabía conectar con las personas. Miguel, el ingeniero que entendía los procesos y la calidad. Juntos crearon algo que no existía: una metodología de capacitación que fuera tan efectiva como divertida, tan rigurosa como humana. 400 cursos después, 15,000 ejecutivos entrenados, y una convicción intacta: aprender puede —y debe— ser Dinámico, Divertido y Digerible.
El Manifiesto 3D
Creemos que el aprendizaje no debería doler. Creemos que una persona que disfruta lo que aprende, lo aplica. Y lo que aplica, lo mejora. Y lo que mejora, transforma su entorno.
Creemos que la capacitación corporativa no es un gasto. Es la inversión más rentable que una empresa puede hacer.
Creemos en el poder de la fórmula 3D: Dinámico, porque el conocimiento no se transmite, se construye. Divertido, porque la alegría no es enemiga de la excelencia. Digerible, porque lo complejo puede ser simple cuando sabes cómo explicarlo.
Creemos que no hay recetas universales. Cada empresa es única.
Creemos que el conocimiento sin acción es entretenimiento.
Creemos en la filosofía Ganar-ganar-ganar-ganar.
Creemos que la capacitación mexicana puede ser de clase mundial. Hecho en México, con estándar global.
No formamos alumnos. Formamos agentes de cambio.
Storytelling Framework
Frases Legendarias (Brand Lore)
- "Aprender no debería doler."
- "No vendemos cursos. Creamos experiencias que transforman."
- "Si no se divierten, no están aprendiendo."
- "Ganar-ganar-ganar-ganar."
- "Hecho en México, estándar global."
- "Te decimos qué, cómo, cuándo, dónde y por qué."
- "La capacitación no es un gasto, es la mejor inversión."
- "Dinámico, Divertido, Digerible."
- "No todo se soluciona con caldo de pollo."
- "Socios comerciales, no clientes."
T09Tone of Voice System
Sistema completo de tono y voz para todas las comunicaciones de JS Training & Consulting.
La Voz de JS (Inmutable)
La de un experto apasionado que habla con claridad, cercanía y convicción. Sabe mucho pero no presume. Se preocupa genuinamente por ayudarte. Es mexicano, orgulloso de serlo, y cree firmemente que aprender puede —y debe— ser una experiencia transformadora y agradable.
Las 4 Dimensiones de la Voz
🎯 Autoridad Accesible
La marca sabe, pero no abruma. Datos y evidencia siempre. Posición: 7/10 hacia accesible.
🤝 Cercanía Profesional
Trato de socio, no de proveedor. Calidez mexicana. Posición: 7/10 hacia cercano.
⚡ Energía Controlada
Entusiasmo profesional con medida. Optimismo realista. Posición: 7/10 hacia enérgico.
📖 Claridad Estructurada
Simple pero no simplista. Estructura lógica. Lenguaje directo. Posición: 8/10 hacia claro.
Matriz de Tono por Situación
| Situación | Autoridad | Cercanía | Energía | Claridad |
|---|---|---|---|---|
| Página web (Home) | Alta | Media | Alta | Máxima |
| Blog post técnico | Máxima | Baja | Media | Alta |
| Redes sociales (LinkedIn) | Alta | Alta | Alta | Alta |
| Redes sociales (Instagram) | Media | Máxima | Máxima | Media |
| Email marketing | Media | Alta | Media | Alta |
| Atención WhatsApp | Baja | Máxima | Media | Alta |
| Propuesta comercial | Máxima | Media | Media | Máxima |
Checklist de Tono
- ¿Suena a persona real o a corporativo sin alma?
- ¿Refleja la metodología 3D (dinámico, divertido, digerible)?
- ¿Tiene datos o evidencia que respalde lo que dice?
- ¿Está libre de palabras prohibidas?
- ¿El tono es apropiado para el canal?
- ¿Trata al lector como socio, no como cliente?
- ¿Es mexicano sin ser excluyente?
- ¿Invita a la acción?
T10Vocabulary Guide
Vocabulario oficial, términos aprobados, prohibiciones y guía de estilo lingüístico.
Términos Relacionales
| Término Oficial | Evitar |
|---|---|
| Socios comerciales | Clientes (en comunicación cercana) |
| Colaboradores, talento | Recursos humanos (como cosa) |
| Instructores, facilitadores | Maestros, profesores |
| Participantes, talentos | Alumnos, estudiantes |
| Especialistas | Asesores (genérico) |
Prohibiciones Absolutas
| Prohibido | Alternativa |
|---|---|
| Adiestramiento | Capacitación, entrenamiento |
| Alumnos | Participantes, profesionales |
| Recursos humanos (personas) | Colaboradores, equipo, talento |
| Vender / Vendemos | Ofrecemos, compartimos, implementamos |
| Barato | Accesible, competitivo, de valor |
| Garantizado | Probado, demostrado |
| Milagroso / Mágico | Transformador, efectivo |
Frases Core de Marca
- "Metodología 3D: Dinámico, Divertido, Digerible" — En TODA comunicación
- "Socios comerciales" — Para referirse a clientes
- "Ganar-ganar-ganar-ganar" — Filosofía, valores, cierre de ventas
- "Soluciones únicas para cada caso" — Personalización
- "Te decimos qué, cómo, cuándo, dónde y por qué" — Enfoque integral
- "No todo se soluciona con caldo de pollo" — Refrán mexicano
- "Más de 400 cursos" — Prueba de escala
- "Hecho en México, estándar global" — Posicionamiento
- "La capacitación no es un gasto, es inversión" — Refutar objeción
T11Copy Frameworks
6 frameworks de copywriting adaptados al tono Sabio + Cuidador y a los buyer personas.
PAS
Problem → Agitate → Solve — Landing pages, páginas de servicio. Conecta con dolores del cliente.
AIDA
Attention → Interest → Desire → Action — Anuncios, posts, contenido general. El más versátil.
4P
Picture → Promise → Proof → Push — Propuestas comerciales y páginas de venta.
FAB
Features → Advantages → Benefits — Descripciones de cursos y catálogos.
StoryBrand (SB7)
7 preguntas de Donald Miller — Narrativa del sitio web y comunicación de alto nivel.
CTAs System
Catálogo completo de CTAs — TOFU (bajo compromiso), MOFU (medio), BOFU (alto).
Reglas de Oro del Copy JS
- Un solo objetivo por pieza — Cada copy tiene un solo CTA principal
- El cliente es el héroe — JS es el guía, nunca el protagonista
- Datos primero, opinión después — Los números respaldan, las opiniones decoran
- Menos es más — La mejor copy es la que sobra después de eliminar lo innecesario
- 3D también en el texto — Dinámico (ritmo), Divertido (personalidad), Digerible (claridad)
- Cada objeción es una oportunidad — Anticipar y responder objeciones en el copy
- El beneficio siempre gana — No vendas cursos, vende resultados
T12Communication Examples
Ejemplos concretos de comunicación para cada canal, siguiendo el tono de voz y frameworks.
LinkedIn — Thought Leadership
🧠 "El problema más grande del liderazgo mexicano no es la falta de talento. Es la falta de método."
He entrenado a más de 15,000 ejecutivos en México. Y hay un patrón que se repite: líderes brillantes que llegaron a su puesto por resultados técnicos, pero que nunca recibieron una sola hora de formación en liderazgo.
En JS Training & Consulting diseñamos programas de liderazgo con la metodología 3D justo para eso: Dinámico (no teoría, práctica), Divertido (porque aprender no debería doler), Digerible (aplicable desde el día 1).
¿Tu empresa está invirtiendo en formar a sus líderes o solo espera que "aprendan sobre la marcha"?
#Liderazgo #DesarrollodeTalento #Metodología3D
Instagram — Carrusel de Soft Skills
Slide 1: "Las 5 habilidades blandas más buscadas en 2026 🔥"
Slides 2-6: Cada habilidad con icono + descripción + resultado.
Slide 7: CTA — "¿Tu equipo tiene estas habilidades? Nosotros podemos ayudarte."
WhatsApp — Conversación Inicial
T13Color Palette System
Sistema completo de color para JS Training & Consulting. Filosofía, especificaciones y accesibilidad.
Paleta Primaria
Paleta Secundaria
Paleta Neutra
WCAG AA — Contraste
| Combinación | Ratio | WCAG AA |
|---|---|---|
| #003A5C sobre #FFFFFF | 8.6:1 | ✅ Pasa |
| #E30613 sobre #FFFFFF | 6.3:1 | ✅ Pasa |
| #005B8C sobre #FFFFFF | 5.5:1 | ✅ Pasa |
| #28545B sobre #FFFFFF | 8.1:1 | ✅ Pasa |
| #FFFFFF sobre #003A5C | 8.6:1 | ✅ Pasa |
| #FFFFFF sobre #E30613 | 6.3:1 | ✅ Pasa |
| #242930 sobre #FFFFFF | 14.2:1 | ✅ Pasa |
CSS Design Tokens
:root {
--color-js-navy: #003A5C;
--color-js-red: #E30613;
--color-js-medium-blue: #005B8C;
--color-js-teal-dark: #28545B;
--color-js-teal-light: #34A2BA;
--color-js-footer-dark: #242930;
--color-js-light-bg: #F5F5F5;
--color-js-white: #FFFFFF;
--color-js-text-dark: #242930;
--color-js-text-medium: #4A4A4A;
--color-js-text-light: #8A8A8A;
--color-js-red-hover: #C20510;
--color-js-teal-hover: #1F7A7D;
--shadow-js-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
--shadow-js-md: 0 4px 6px rgba(0, 0, 0, 0.1);
--shadow-js-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
--radius-js-sm: 4px;
--radius-js-md: 8px;
--radius-js-lg: 12px;
}
T14Logo System
Sistema completo del logo: versiones, colores, área de protección, tamaños mínimos y aplicaciones.
Horizontal (Primario)
Isotipo + Logotipo en disposición horizontal. Versión principal para la mayoría de aplicaciones.
Uso: Web, documentos, papelería, presentaciones
Vertical (Secundario)
Isotipo centrado sobre logotipo apilado. Para espacios reducidos.
Uso: Header móvil, app icons, espacios estrechos
Isotipo Solo
Símbolo/icono identificador de la marca sin texto.
Uso: Favicon, avatar, watermark, app icon
Logotipo Solo
Texto "Jesús Sánchez Training & Consulting" o "JS Training & Consulting".
Uso: Aplicaciones extremadamente pequeñas
Colores del Logo
| Superficie | Logotipo Color | Isotipo |
|---|---|---|
| Fondo blanco | JS Navy #003A5C | JS Navy + JS Red accent |
| Fondo oscuro | Blanco 100% | Blanco 100% |
| Fondo JS Navy | Blanco 100% | Blanco 100% |
| Un solo color | Negro 100% o Gris 60% | Negro 100% o Gris 60% |
Área de Protección
El área de protección equivale a la altura de la letra "J" del logotipo en todos los lados.
Tamaños Mínimos
| Versión | Digital | Impresión |
|---|---|---|
| Horizontal | 180 px ancho | 1.5 in (38 mm) |
| Vertical | 120 px ancho | 1.0 in (25 mm) |
| Isotipo solo | 32 px | 0.375 in (10 mm) |
T15Logo Misuse
Usos incorrectos del logo que deben evitarse y corregirse inmediatamente.
❌ Deformar el Logo
No estirar, comprimir, distorsionar, rotar o inclinar. Siempre escalar proporcionalmente.
❌ Cambiar Colores
Solo usar combinaciones aprobadas: primario, blanco, negro o gris.
❌ Modificar Tipografía
No cambiar font, weight, tracking, ni aplicar efectos al texto del logotipo.
❌ Reordenar Elementos
La composición del logo es fija. No separar isotipo de logotipo.
❌ Agregar Elementos
No añadir slogans, años, taglines, iconos decorativos, bordes o emojis.
❌ Aplicar Efectos
No usar sombras, brillos, degradados, 3D, reflejos o filtros.
❌ Fondos Inadecuados
No usar sobre fondos rojos, fotos texturizadas, patrones ocupados o contraste insuficiente.
❌ Disposiciones Incorrectas
No usar como viñeta, marca de agua repetida o recortado por borde de página.
Matriz de Decisión Rápida
| Si quieres... | ¿Permitido? | Alternativa |
|---|---|---|
| Cambiar color del texto | ❌ No | Usar versión blanco/negro/gris |
| Poner logo sobre foto | ✅ Sí | Con área de protección y versión correcta |
| Rotar logo 90° | ❌ No | No hay alternativa |
| Poner logo en un círculo | ❌ No | Usar isotipo solo |
| Usar solo isotipo | ✅ Sí | En tamaños pequeños o apps |
| Añadir sombra al logo | ❌ No | Usar área de protección sólida |
T16Typography System
Sistema tipográfico: Kumbh Sans para display, System Font Stack para body.
Familias Tipográficas
Kumbh Sans — Display
Kumbh Sans Bold
Kumbh Sans Medium
Pesos: Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800
Usos: Navbar, headings H1-H2, botones, CTAs
System Font Stack — Body
System Bold
System Regular
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto...
Usos: Párrafos, body text, listas, tablas, emails
Type Scale
| Nivel | Tamaño | Weight | Uso |
|---|---|---|---|
| H1 | 48px (3rem) | Bold (700) | Página principal/landing |
| H2 | 36px (2.25rem) | SemiBold (600) | Título de sección |
| H3 | 28px (1.75rem) | SemiBold (600) | Subtítulo de sección |
| H4 | 22px (1.375rem) | Medium (500) | Título de card |
| Body Large | 18px (1.125rem) | Regular (400) | Lead text |
| Body Regular | 16px (1rem) | Regular (400) | Párrafo estándar |
| Body Small | 14px (0.875rem) | Regular (400) | Meta, descripciones |
| Button / Nav | 16px (1rem) | SemiBold (600) | Botones, navegación |
Responsive Type Scale
:root {
--text-js-h1: clamp(28px, 5vw, 48px);
--text-js-h2: clamp(22px, 3.5vw, 36px);
--text-js-h3: clamp(18px, 2.5vw, 28px);
--text-js-body: clamp(15px, 1.5vw, 16px);
}
T17Iconography System
Sistema de iconografía: estilo lineal con relleno sólido en estados activos, basado en grid de 24×24px.
Atributos Visuales
| Atributo | Especificación |
|---|---|
| Stroke | 2px (regular), 2.5px (bold) |
| Caps / Joins | Round (redondeados) |
| Grid base | 24×24px (estándar), 20×20px (compacto) |
| Estilo | Outline para reposo, Filled para activo |
Colores por Categoría
| Servicio / Categoría | Color | Hex |
|---|---|---|
| Alto Rendimiento | Primary Navy | #003A5C |
| Soft Skills | Medium Blue | #005B8C |
| Desarrollo Comercial | CTA Red | #E30613 |
| Seguridad Industrial | Warning | #FFC107 |
| Calidad ISO | Teal Dark | #28545B |
| Capital Humano | Medium Blue | #005B8C |
| Mejora Continua | Primary Navy | #003A5C |
| Metodología 3D | CTA Red | #E30613 |
T18Photography Moodboard
Guía fotográfica: estilo, composición, iluminación, color grading y sujetos.
Filosofía
Una imagen JS es: Auténtica, luminosa, profesional, dinámica, centrada en personas.
Una imagen JS NO es: Posada, oscura, genérica, de stock obvio, fría o distante.
Referencias Visuales del Sitio Real
🏋️ Entrenamiento Empresarial
Imagen representativa de los cursos de capacitación presencial.
🎤 Conferencias y Webinars
Imagen representativa de conferencias y sesiones virtuales.
Categorías de Imágenes
| Categoría | % del Total |
|---|---|
| Capacitación en acción | 40% |
| Consultoría one-on-one | 20% |
| Equipo JS (retratos) | 15% |
| Resultados / Evidencia | 10% |
| Detalle contextual | 10% |
| Cliente / Empresa | 5% |
Color Grading
| Atributo | Especificación |
|---|---|
| Temperatura | Ligeramente cálida (5200-5600K) |
| Tono | Neutro con sutiles tonos teal en sombras |
| Contraste | Medio-alto (S-curve suave) |
| Saturación | Natural (+10% en colores cálidos) |
| Blacks | Levantados (no negro absoluto) |
| Vibrance | +15% para piel saludable |
⚠️ Nunca usar: IA generada (Midjourney, DALL-E, Stable Diffusion) como sustituto de fotografía real para imágenes de personas.
T19Dark Mode Variants
Adaptación completa de la paleta de colores para modo oscuro, preservando identidad y accesibilidad WCAG AA.
Paleta de Modo Oscuro
| Elemento | Hex Claro | Hex Oscuro |
|---|---|---|
| Fondo principal | #FFFFFF | #12141A |
| Fondo secundario (cards) | #F5F5F5 | #1A1D24 |
| Header / Nav | #003A5C | #0C1B28 |
| Footer | #242930 | #0D0F13 |
| Text High (primario) | #242930 | #E8EAED |
| Headings H1-H2 | #003A5C | #8AB4F8 |
| Links | #28545B | #4DD0D1 |
| CTA Red | #E30613 | #FF5252 |
CSS para Modo Oscuro
@media (prefers-color-scheme: dark) {
:root {
--color-js-bg-primary: #12141A;
--color-js-bg-secondary: #1A1D24;
--color-js-bg-header: #0C1B28;
--color-js-bg-footer: #0D0F13;
--color-js-text-primary: #E8EAED;
--color-js-text-heading: #8AB4F8;
--color-js-link: #4DD0D1;
--color-js-cta: #FF5252;
--color-js-border: #333842;
}
}
[data-theme="dark"] {
/* mismos tokens */
}
T20Motion Guidelines
Guías de animación y movimiento: intencional, suave, profesional y accesible.
Principios
🎯 Intencional
Cada animación tiene un propósito funcional
✨ Sutil
Movimientos cortos, velocidades moderadas
👔 Profesional
Curvas de easing naturales
♿ Accesible
Respetar prefers-reduced-motion
Curvas de Easing
| Nombre | Curva | Uso |
|---|---|---|
| Ease Out (Default) | cubic-bezier(0.25, 0.1, 0.25, 1) | Entradas de elementos |
| Ease In Out | cubic-bezier(0.42, 0, 0.58, 1) | Transiciones de página |
| Spring (Sutil) | cubic-bezier(0.34, 1.56, 0.64, 1) | Micro-interacciones |
Reduced Motion
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
Scroll Reveal Config
const scrollRevealConfig = {
threshold: 0.15,
rootMargin: '0px 0px -50px 0px',
animation: 'fade-up',
duration: 500,
easing: 'cubic-bezier(0.25, 0.1, 0.25, 1)',
stagger: { enabled: true, delay: 80 }
};
T21Social Media Templates
Templates visuales para todas las plataformas sociales: LinkedIn, Instagram, Facebook, YouTube.
Especificaciones por Plataforma
| Plataforma | Tono | Frecuencia | Formato Principal |
|---|---|---|---|
| Profesional, thought leadership | 3-5x semana | Post textual + imagen single | |
| Visual, cercano, enérgico | 4-5x semana | Carousel, Reel, Story | |
| Mixto, comunidad | 3-4x semana | Post + imagen, video | |
| YouTube | Educativo, profundo | 1-2x semana | Video largo, Short |
Template: Feed Post (1080×1080px)
Hashtags Corporativos
- #JSTraining — Marca principal
- #Metodología3D — Diferenciador clave
- #CapacitaciónEmpresarial — Industria
- #LeanSixSigma — Certificaciones
- #DesarrolloDeTalento — Liderazgo
Regla: Máximo 5 hashtags por post.
T22Ad Mockups
Mockups de anuncios publicitarios para Meta Ads, Google Ads y YouTube Ads.
Formatos por Plataforma
| Plataforma | Formato | Tamaño | Ratio |
|---|---|---|---|
| Meta Feed | Imagen/Video | 1080×1080px | 1:1 |
| Meta Story | Imagen/Video | 1080×1920px | 9:16 |
| Google Display | HTML5/Imagen | 300×250px | — |
| Google Search (RSA) | Texto | Headline 30 chars | — |
| YouTube In-Stream | Video | 1920×1080px | 16:9 |
| YouTube Bumper | Video | 1920×1080px | 16:9 (6s) |
| LinkedIn Single | Imagen/Video | 1200×627px | 1.91:1 |
| LinkedIn Lead Gen | Formulario | — | — |
Copy para Anuncios
| Elemento | Fórmula | Ejemplo |
|---|---|---|
| Hook | [Dato] + [Pregunta] | "70% de las capacitaciones no generan cambio. ¿La tuya?" |
| Problema | [Dolor] + [Contexto] | "Cursos aburridos que nadie recuerda" |
| Solución | [Metodología 3D] + [Beneficio] | "Aprendizaje dinámico, divertido y digerible" |
| Resultado | [Métrica] + [Cliente] | "40% más retención. Clientes: Coca-Cola, LG, Siemens" |
| CTA | [Verbo] + [Oferta] | "Solicita cotización sin compromiso" |
T23Email Templates
Templates de email marketing: newsletters, bienvenida, nurturing, transaccionales y promocionales.
Estructura Común (600px max-width)
Métricas y KPIs
| Métrica | Benchmark | JS Target |
|---|---|---|
| Open Rate | 20-25% | 30%+ |
| Click Rate (CTR) | 2-3% | 5%+ |
| Click-to-Open Rate | 10-15% | 18%+ |
| Unsubscribe Rate | <0.5% | <0.2% |
T24Presentation Template
Template de presentaciones profesional en formato 16:9, diseñado para comunicar autoridad y claridad.
Tipos de Slide
Title Slide
Background JS Navy #003A5C. Título 48px Bold blanco. Línea decorativa #E30613.
Content Slide
Background blanco. Título 32px SemiBold #003A5C. Línea #E30613 bajo título.
Section Divider
Background #005B8C. Número 80px ExtraBold 30% opacidad. Título 44px Bold blanco.
Data / Stats
Background #F5F5F5. Números 48px ExtraBold #E30613. Gráficas con colores de marca.
Process / Timeline
Pasos con círculos #003A5C. Flechas #E30613. Descripción en system font.
CTA / Contacto
Background JS Navy. Headline 44px Bold blanco. Botón #E30613. Info de contacto.
Estructura Recomendada (18 slides)
| Slide | Tipo | Contenido |
|---|---|---|
| 1 | Title | Título, subtítulo, fecha, presentador |
| 2 | Agenda | Lista de temas (máximo 5) |
| 3-6 | Section + Content | Contexto, problema, datos |
| 7-9 | Section + Content | Metodología 3D (D1, D2, D3) |
| 10-12 | Section + Data | Resultados, caso de éxito, KPIs |
| 13-16 | Section + Content | Propuesta, servicios, inversión, timeline |
| 17-18 | CTA | Contacto, "¿Preguntas?" |
T25Stationery System
Papelería corporativa: tarjetas de presentación, hojas membretadas, sobres, folders institucionales.
Tarjeta de Presentación
| Elemento | Especificación |
|---|---|
| Formato | 90 mm × 50 mm, horizontal |
| Sustrato | Papel algodón 300 g/m², blanco mate |
| Acabado | Mate suave al tacto (Soft Touch) |
| Logotipo | Versión horizontal, ancho máx. 45 mm |
| Nombre | Kumbh Sans Bold 11 pt, #003A5C |
| Cargo | Kumbh Sans Regular 8 pt, #242930 |
| Contacto | Kumbh Sans Light 7 pt, #242930 |
| Reverso | Fondo JS Navy con isotipo blanco 40% opacidad + tagline |
Hoja Membretada
| Elemento | Especificación |
|---|---|
| Formato | Carta (216 mm × 279 mm) |
| Sustrato | Papel bond blanco 90 g/m² |
| Header | Logotipo horizontal + datos de contacto + línea 1pt #003A5C |
| Footer | Tagline + servicios + línea 0.5pt #28545B |
T26UI Kit — Web Components
Kit de interfaz de usuario para todas las propiedades digitales de la marca.
Sistema de Botones
| Nivel | Uso | Background | Texto |
|---|---|---|---|
| Primario | CTA principal | #E30613 | #FFFFFF, 16px SemiBold |
| Secundario | Acción alternativa | Transparent, border 2px #003A5C | #003A5C, 16px SemiBold |
| Terciario | Link con estilo de botón | Transparent | #003A5C, 16px Medium |
| Ghost | Acciones contextuales | Transparent | #242930, 14px Regular |
Cards
Card de Curso
Imagen 16:9 + Badge + Título (18px SemiBold) + Descripción + Metadatos + CTA
Card de Testimonio
Icono comillas + cita + foto circular + nombre + cargo/empresa. Shadow 0 4px 12px.
Card de Estadística
Número Kumbh Sans Bold 48px #E30613 + etiqueta 14px Regular. Padding 32px.
Navegación
| Elemento | Especificación |
|---|---|
| Navbar background | #003A5C |
| Navbar height | 72px (desktop), 60px (mobile) |
| Nav links default | #FFFFFF 80% opacidad, Kumbh Sans Medium 15px |
| Nav links hover/active | #FFFFFF + underline 2px #E30613 |
| Footer background | #242930 |
| Footer columns | 4: Logo+desc, Servicios, Empresa, Contacto |
T27Paid Media Guide
Guía completa de medios pagados: Meta Ads, Google Ads, LinkedIn Ads.
Distribución de Presupuesto
| Plataforma | % Presupuesto | Enfoque |
|---|---|---|
| Google Ads | 40% | Search (intención alta) + Display (retargeting) |
| Meta Ads | 35% | Video + Carousel (awareness + consideración) |
| LinkedIn Ads | 25% | Lead Gen Forms (B2B directo) |
KPIs por Plataforma
| KPI | Benchmark JS | Frecuencia |
|---|---|---|
| CPA (Costo por Adquisición) | $200 — $500 MXN | Semanal |
| ROAS | 3:1 — 5:1 | Mensual |
| CPL (Costo por Lead) | $50 — $150 MXN | Semanal |
| CTR Search | > 3% | Diaria |
| CVR (Tasa de Conversión) | > 5% | Semanal |
T28Social Media Playbook
Estrategia completa de redes sociales: frecuencias, contenido, tono, métricas y crisis.
Pilares de Contenido en Redes
| Pilar | % del Contenido | Ejemplos |
|---|---|---|
| Autoridad (Sabio) | 35% | Artículos, infografías, datos del sector, casos de éxito |
| Cercanía (Cuidador) | 25% | Detrás de cámaras, equipo, valores, cultura |
| Servicio/Producto | 20% | Lanzamientos, testimonios, demos, descuentos |
| Interacción | 15% | Polls, Q&A, challenges, memes profesionales |
| Ventas directas | 5% | CTAs directos, ofertas exclusivas |
Frecuencia Semanal
| Plataforma | Posts Feed | Stories/Reels | Artículos | Video |
|---|---|---|---|---|
| 4-5 | — | 1 | 1 | |
| 3 | 5-7 stories + 2 reels | — | — | |
| 3-4 | 2-3 stories | — | 1 | |
| YouTube | — | — | — | 2 |
T29Video & Audio Guide
Lineamientos de producción de video y audio para contenido audiovisual de la marca.
Duración por Tipo de Contenido
| Tipo | Duración Ideal | Canal Principal |
|---|---|---|
| Anuncio Meta Ads | 15-20 seg | Facebook/Instagram |
| Mini-lección / Tip | 45-90 seg | YouTube, Instagram, LinkedIn |
| Video testimonial | 60-120 seg | YouTube, LinkedIn, sitio web |
| Webinar completo | 30-45 min | YouTube, plataforma propia |
| Video institucional | 60-90 seg | Sitio web, YouTube |
| Video de curso (módulo) | 5-15 min | Plataforma E-Training |
Especificaciones de Exportación
| Destino | Formato | Resolución | Bitrate | FPS |
|---|---|---|---|---|
| YouTube | MP4 H.264 | 1920×1080 | 15 Mbps | 30 |
| Instagram/Meta | MP4 H.264 | 1080×1920 | 10 Mbps | 30 |
| MP4 H.264 | 1920×1080 | 12 Mbps | 30 | |
| Sitio web | MP4 + WebM | 1920×1080 | 8 Mbps | 30 |
| Archivo maestro | MOV ProRes | 1920×1080 | ~100 Mbps | 30 |
Música — Estilo
- Género: Instrumental, electrónica orgánica, piano acústico, ambient corporativo
- Tono: Inspirador, profesional, con calidez
- Tempo: 80 — 110 BPM (moderado)
- Fuentes: Artlist, Epidemic Sound, Musicbed, Uppbeat
- ⚠️ Nunca usar música con copyright sin licencia
T30SEO & Content Guide
Guía completa de optimización SEO: investigación, estructura, on-page, técnico y contenido.
Principios SEO
- Calidad sobre cantidad — Contenido profundo, original y útil
- Intención de búsqueda — Todo contenido responde a una intención específica
- EEAT — Experience, Expertise, Authoritativeness, Trustworthiness
- Optimización técnica — Velocidad, estructura, marcado semántico
- Contenido perenne — Activos que sigan generando tráfico meses/años después
Estructura de Landing Page SEO
| Sección | Elemento SEO | Especificación |
|---|---|---|
| H1 | Título principal | Incluir keyword principal, 40-60 caracteres |
| H2 (2-4) | Subtítulos | Keywords secundarias |
| Intro | Primer párrafo | Keyword en primeros 100 caracteres |
| Cuerpo | Contenido | 800-1500 palabras, secciones scaneables |
| FAQ | Schema FAQ | 3-5 preguntas para snippet |
| Meta title | Título SERP | 50-60 caracteres, keyword al inicio |
| Meta description | Descripción SERP | 150-160 caracteres, keyword + CTA |
Schema Markup — LocalBusiness
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Jesús Sánchez Training & Consulting",
"url": "https://jesussanchez.com.mx",
"telephone": "+52 (55) 1234 5678",
"address": {
"@type": "PostalAddress",
"streetAddress": "Av. Insurgentes Sur 1234, Col. Del Valle",
"addressLocality": "Ciudad de México",
"addressRegion": "CDMX",
"postalCode": "03100",
"addressCountry": "MX"
}
}
T31Conversational Guide
Guía de comunicación conversacional para WhatsApp, email, chatbot, chat en vivo y atención telefónica.
SLAs por Canal
| Canal | Prioridad | SLA de Respuesta |
|---|---|---|
| WhatsApp Business | 🔴 Alta | < 1 hora (horario laboral) |
| 🔴 Alta | < 4 horas | |
| Chatbot web | 🟡 Media | Instantáneo |
| Chat en vivo | 🟡 Media | < 2 minutos |
| Redes sociales (DM) | 🟢 Baja | < 2 horas |
| Teléfono | 🔴 Alta | Inmediato (en horario) |
WhatsApp — Mensaje de Bienvenida
Reglas de Privacidad
- Sí se puede solicitar: Nombre, empresa, correo, teléfono, puesto, industria
- NO se debe solicitar por chat: RFC completo, CURP, tarjeta de crédito, contraseñas
- Incluir referencia al aviso de privacidad en toda comunicación con datos personales
T32Governance Guide
Guía de gobernanza: roles, procesos, versionamiento, auditorías y mantenimiento del brandbook.
Matriz de Aprobaciones
| Elemento | Nivel | Aprobador |
|---|---|---|
| Nuevo color o modificación de paleta | 🔴 Estratégico | Brand Steward |
| Variante de logotipo | 🔴 Estratégico | Brand Steward |
| Nueva tipografía | 🟡 Táctico | Brand Manager + Brand Steward |
| Nuevo componente UI | 🟡 Táctico | Brand Manager |
| Nueva plantilla de contenido | 🟢 Operativo | Brand Manager |
| Actualización menor (texto, ejemplos) | 🟢 Operativo | Brand Manager |
Control de Versiones
| Cambio | Incremento |
|---|---|
| Nueva sección o documento | +0.1 (versión menor) |
| Cambio en especificaciones técnicas (colores, tipografía) | +1.0 (versión mayor) |
| Nuevos ejemplos, casos de éxito, screenshots | +0.0.1 (parche) |
| Cambio en arquetipo, misión o valores | +1.0 (versión mayor) |
Auditorías de Marca
| Tipo | Frecuencia | Responsable |
|---|---|---|
| Auditoría completa | Anual | Brand Manager + Diseñador Senior |
| Auditoría de canales | Trimestral | Brand Manager + Social Media Manager |
| Auditoría por proyecto | Por cada campaña | Brand Manager |
| Auditoría de proveedores | Semestral | Diseñador Senior |
Onboarding de Nuevos Colaboradores
- Lectura del brandbook (T01-T08: estrategia de marca)
- Sesión de marca con Brand Manager
- Lectura específica según su rol
- Evaluación de conocimientos de marca
- Proyecto supervisado