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.

📄 32 documentos · T01 – T32 · 📅 19 de mayo de 2026 · 🏢 Publicidad Express — Estrategia Digital

T01Brand Brief

Resumen ejecutivo de la marca: datos generales, declaraciones, oferta de servicios y públicos objetivo.

10+Años de experiencia
400+Cursos disponibles
15,000+Ejecutivos entrenados
150+Empresas atendidas
4Oficinas en México
300+Instructores formados

Datos Generales

CampoValor
Razón SocialJesús Sánchez Training & Consulting
Nombre CortoJS Training & Consulting
URLjesussanchez.com.mx
IndustriaCapacitación empresarial in-company, consultoría organizacional, certificaciones
OrigenQuerétaro, México
OficinasQuerétaro (Central), CDMX, Guadalajara, Monterrey
Teléfono Central+52 (442) 926-7021
Email de Contactoichavarria@jesussanchez.com.mx
CMSWordPress 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

Oferta de Servicios

#Línea de ServicioDescripción
1Cursos In Company400+ cursos presenciales en 7 áreas estratégicas
2Cursos Online (E-Training)Plataforma asíncrona con cursos autodirigidos
3Lean Six SigmaCertificaciones Yellow, Green y Black Belt (DMAIC/PDCA)
4Consultoría JSTC Hands-OnDO, ventas, almacenes, logística, calidad ISO
5Webinars JST&CSesiones 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

CompetidorPrecioCalidadPersonalizaciónMetodologíaCertificaciones
JS T&C★★★★★★★★★★★★★★★★★★★★★★★★
CAPACITAE★★★★★★★★★★★★
CECATI/ICAT★★★★★★★★★
PMG / Técnicas★★★★★★★★★★★★★★★★
Big 4 Academies★★★★★★★★★★★★★★★★★
Freelancers★★★★★★★★★★★★
Udemy Business★★★★★★★★★

Ventajas Competitivas Sostenibles

  1. Metodología 3D — Propiedad intelectual difícil de copiar
  2. 400+ cursos en 7 áreas — Catálogo difícil de igualar
  3. Clientes Fortune 500 — Coca-Cola, Nissan, Siemens, BP, LG, Heineken, DHL
  4. 4 oficinas físicas — QRO, CDMX, GDL, MTY
  5. 300+ instructores — Escala operativa única
  6. 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

#1

Alto Rendimiento

Liderazgo, productividad, trabajo en equipo

#2

Soft Skills

Comunicación efectiva, inteligencia emocional

#3

Desarrollo Comercial

Ventas, negociación, atención al cliente

#4

Seguridad Industrial

Protección civil, prevención de riesgos

#5

Calidad ISO

Sistemas de gestión, auditorías

#6

Capital Humano

Reclutamiento, clima, compensaciones

#7

Mejora Continua

Lean Manufacturing, Kaizen, 5S

UVP Tags / Frases Cortas

TagContexto
"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

#KeywordVol. MensualIntenciónPrioridad
1capacitación empresarial in company1,300Comercial★★★★★
2cursos de capacitación para empresas2,400Comercial★★★★★
3capacitación empresarial3,600Informativa★★★★
4lean six sigma méxico1,000Comercial★★★★★
5certificación six sigma méxico590Transaccional★★★★★
6curso de liderazgo empresarial590Comercial★★★★
7curso de seguridad industrial1,300Comercial★★★★
8curso de recursos humanos1,600Comercial★★★★
9curso de habilidades blandas880Comercial★★★★★
10consultoría empresarial méxico1,000Comercial★★★

Estrategia por Intención

Intención% TráficoEstrategia
Informativa20%Atraer: Blog posts, guías, infografías, videos educativos
Comercial50%Convertir: Landing pages, casos de éxito, comparativas, webinars
Transaccional30%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

AtributoLaura (RH)Roberto (CEO)Carlos (Calidad)
EmpresaMultinacionalPYMEGran empresa
Dolor #1Sin métricas de ROINo ve resultadosResistencia al cambio
Factor decisiónResultados probadosResultados rápidosExpertise técnico
Canal principalLinkedInWhatsApp/ReferenciaLinkedIn/Grupos

T06Brand Archetype: El Sabio + Cuidador

Arquetipo primario: El Sabio (autoridad, conocimiento, sabiduría). Arquetipo secundario: El Cuidador (empatía, servicio, protección).

SABIO CUIDADOR (Autoridad, Conocimiento) (Empatía, Servicio) │ │ └──────────┬──────────────────┘ │ ▼ JS TRAINING & CONSULTING "Te enseñamos con sabiduría, te tratamos con cuidado."

Manifestaciones del Sabio

Manifestaciones del Cuidador

Paleta Visual Arquetípica

ArquetipoColor DominanteColor 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
1Metodología 3D: Aprendizaje que Transforma30%
2Liderazgo y Desarrollo de Talento25%
3Mejora Continua y Excelencia Operacional20%
4Resultados que Hablan: Casos de Éxito15%
5Cultura Organizacional y Capital Humano10%

Reglas de Oro del Contenido

  1. Todo contenido debe educar o inspirar — Nunca vacío o solo promocional
  2. La metodología 3D siempre presente — Reflejar el enfoque 3D en todo
  3. Datos duros + historias humanas — Sabio + Cuidador en cada pieza
  4. Llamada a la acción clara — Guiar al siguiente paso
  5. Calidad sobre cantidad — 1 artículo profundo > 5 posts superficiales
  6. SEO nativo — Keywords integradas naturalmente
  7. 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

1. EL DIAGNÓSTICO (El problema) └→ "La empresa X enfrentaba..." 2. EL MOMENTO (La verdad revelada) └→ "Hasta que descubrieron que..." 3. LA INTERVENCIÓN (La metodología 3D) └→ "Implementamos un programa con nuestra metodología..." 4. LA TRANSFORMACIÓN (El resultado) └→ "En 6 meses, lograron..." 5. EL APRENDIZAJE (La lección universal) └→ "La lección para todas las empresas es..."

Frases Legendarias (Brand Lore)

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ónAutoridadCercaníaEnergíaClaridad
Página web (Home)AltaMediaAltaMáxima
Blog post técnicoMáximaBajaMediaAlta
Redes sociales (LinkedIn)AltaAltaAltaAlta
Redes sociales (Instagram)MediaMáximaMáximaMedia
Email marketingMediaAltaMediaAlta
Atención WhatsAppBajaMáximaMediaAlta
Propuesta comercialMáximaMediaMediaMáxima

Checklist de Tono

T10Vocabulary Guide

Vocabulario oficial, términos aprobados, prohibiciones y guía de estilo lingüístico.

Términos Relacionales

Término OficialEvitar
Socios comercialesClientes (en comunicación cercana)
Colaboradores, talentoRecursos humanos (como cosa)
Instructores, facilitadoresMaestros, profesores
Participantes, talentosAlumnos, estudiantes
EspecialistasAsesores (genérico)

Prohibiciones Absolutas

ProhibidoAlternativa
AdiestramientoCapacitación, entrenamiento
AlumnosParticipantes, profesionales
Recursos humanos (personas)Colaboradores, equipo, talento
Vender / VendemosOfrecemos, compartimos, implementamos
BaratoAccesible, competitivo, de valor
GarantizadoProbado, demostrado
Milagroso / MágicoTransformador, efectivo

Frases Core de Marca

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

  1. Un solo objetivo por pieza — Cada copy tiene un solo CTA principal
  2. El cliente es el héroe — JS es el guía, nunca el protagonista
  3. Datos primero, opinión después — Los números respaldan, las opiniones decoran
  4. Menos es más — La mejor copy es la que sobra después de eliminar lo innecesario
  5. 3D también en el texto — Dinámico (ritmo), Divertido (personalidad), Digerible (claridad)
  6. Cada objeción es una oportunidad — Anticipar y responder objeciones en el copy
  7. 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

JS Training: ¡Hola [Nombre]! 👋 Soy [Asesor] de JS Training & Consulting. ¿Cómo estás? JS Training: Vi que te interesó la [guía / curso / webinar]. ¿Qué te gustaría saber? [Prospecto responde] JS Training: Excelente pregunta. Déjame contarte: 📌 Nosotros somos expertos en capacitación in-company con metodología 3D. 📌 Tenemos 400+ cursos en 7 áreas y trabajamos con Coca-Cola, Nissan y Siemens. ¿Qué tipo de capacitación estás buscando? Así te recomiendo algo específico.

T13Color Palette System

Sistema completo de color para JS Training & Consulting. Filosofía, especificaciones y accesibilidad.

Paleta Primaria

JS Navy Blue
#003A5C
Header, fondos oscuros, barras sociales, hover de botones
JS Action Red
#E30613
CTAs, botones primarios, acentos de alta energía

Paleta Secundaria

JS Medium Blue
#005B8C
Headings de sección, subtítulos, acentos secundarios
JS Teal Dark
#28545B
Texto de navegación, iconos, acentos
JS Teal Light
#34A2BA
Hover de navegación, estados activos, links decorativos

Paleta Neutra

Text Dark / Footer
#242930
Light BG
#F5F5F5
White
#FFFFFF
Text Dark
#242930
Text Medium
#4A4A4A
Text Light
#8A8A8A

WCAG AA — Contraste

CombinaciónRatioWCAG AA
#003A5C sobre #FFFFFF8.6:1✅ Pasa
#E30613 sobre #FFFFFF6.3:1✅ Pasa
#005B8C sobre #FFFFFF5.5:1✅ Pasa
#28545B sobre #FFFFFF8.1:1✅ Pasa
#FFFFFF sobre #003A5C8.6:1✅ Pasa
#FFFFFF sobre #E306136.3:1✅ Pasa
#242930 sobre #FFFFFF14.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;
}

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❌ NoUsar versión blanco/negro/gris
Poner logo sobre foto✅ SíCon área de protección y versión correcta
Rotar logo 90°❌ NoNo hay alternativa
Poner logo en un círculo❌ NoUsar isotipo solo
Usar solo isotipo✅ SíEn tamaños pequeños o apps
Añadir sombra al logo❌ NoUsar á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

NivelTamañoWeightUso
H148px (3rem)Bold (700)Página principal/landing
H236px (2.25rem)SemiBold (600)Título de sección
H328px (1.75rem)SemiBold (600)Subtítulo de sección
H422px (1.375rem)Medium (500)Título de card
Body Large18px (1.125rem)Regular (400)Lead text
Body Regular16px (1rem)Regular (400)Párrafo estándar
Body Small14px (0.875rem)Regular (400)Meta, descripciones
Button / Nav16px (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

AtributoEspecificación
Stroke2px (regular), 2.5px (bold)
Caps / JoinsRound (redondeados)
Grid base24×24px (estándar), 20×20px (compacto)
EstiloOutline para reposo, Filled para activo

Colores por Categoría

Servicio / CategoríaColorHex
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

Capacitación en acción

🏋️ Entrenamiento Empresarial

Imagen representativa de los cursos de capacitación presencial.

Conferencias JS

🎤 Conferencias y Webinars

Imagen representativa de conferencias y sesiones virtuales.

Categorías de Imágenes

Categoría% del Total
Capacitación en acción40%
Consultoría one-on-one20%
Equipo JS (retratos)15%
Resultados / Evidencia10%
Detalle contextual10%
Cliente / Empresa5%

Color Grading

AtributoEspecificación
TemperaturaLigeramente cálida (5200-5600K)
TonoNeutro con sutiles tonos teal en sombras
ContrasteMedio-alto (S-curve suave)
SaturaciónNatural (+10% en colores cálidos)
BlacksLevantados (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

ElementoHex ClaroHex 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

NombreCurvaUso
Ease Out (Default)cubic-bezier(0.25, 0.1, 0.25, 1)Entradas de elementos
Ease In Outcubic-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

PlataformaTonoFrecuenciaFormato Principal
LinkedInProfesional, thought leadership3-5x semanaPost textual + imagen single
InstagramVisual, cercano, enérgico4-5x semanaCarousel, Reel, Story
FacebookMixto, comunidad3-4x semanaPost + imagen, video
YouTubeEducativo, profundo1-2x semanaVideo largo, Short

Template: Feed Post (1080×1080px)

┌─────────────────────────────────┐ │ ┌───────┐ │ │ │ LOGO │ │ │ └───────┘ │ │ │ │ ┌─────────────────────────┐ │ │ │ TÍTULO PRINCIPAL │ │ ← 36px Bold │ │ (Máx 6 palabras) │ │ │ └─────────────────────────┘ │ │ │ │ Subtítulo o callout │ ← 20px Regular │ │ │ ┌─────────────────────────┐ │ │ │ [CTA BUTTON] │ │ ← Rojo #E30613 │ └─────────────────────────┘ │ │ │ │ js training & consulting │ └─────────────────────────────────┘

Hashtags Corporativos

Regla: Máximo 5 hashtags por post.

T22Ad Mockups

Mockups de anuncios publicitarios para Meta Ads, Google Ads y YouTube Ads.

Formatos por Plataforma

PlataformaFormatoTamañoRatio
Meta FeedImagen/Video1080×1080px1:1
Meta StoryImagen/Video1080×1920px9:16
Google DisplayHTML5/Imagen300×250px
Google Search (RSA)TextoHeadline 30 chars
YouTube In-StreamVideo1920×1080px16:9
YouTube BumperVideo1920×1080px16:9 (6s)
LinkedIn SingleImagen/Video1200×627px1.91:1
LinkedIn Lead GenFormulario

Copy para Anuncios

ElementoFórmulaEjemplo
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)

┌──────────────────────────────────────────────────┐ │ PREHEADER — "Texto de preview, 85 caracteres..." │ ├──────────────────────────────────────────────────┤ │ ╔══════════════════════════════════════════╗ │ │ ║ [LOGO] JS TRAINING & CONSULTING ║ │ ← Header #003A5C │ ╚══════════════════════════════════════════╝ │ │ ┌──────────────────────────────────────────────┐ │ │ │ HERO IMAGE / BANNER │ │ ← 600×250px │ └──────────────────────────────────────────────┘ │ │ ┌──────────────────────────────────────────────┐ │ │ │ TÍTULO DEL EMAIL │ │ ← 24px Bold #003A5C │ │ Cuerpo del email en párrafos de 2-3 líneas. │ │ ← 16px #242930 │ │ ┌────────────────────────────────────┐ │ │ │ │ │ CTA BUTTON #E30613 │ │ │ │ │ └────────────────────────────────────┘ │ │ │ └──────────────────────────────────────────────┘ │ │ ╔══════════════════════════════════════════╗ │ │ ║ FOOTER: Datos de contacto, social, ║ │ ← #242930 │ ║ unsubscribe | privacy policy ║ │ │ ╚══════════════════════════════════════════╝ │ └──────────────────────────────────────────────────┘

Métricas y KPIs

MétricaBenchmarkJS Target
Open Rate20-25%30%+
Click Rate (CTR)2-3%5%+
Click-to-Open Rate10-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)

SlideTipoContenido
1TitleTítulo, subtítulo, fecha, presentador
2AgendaLista de temas (máximo 5)
3-6Section + ContentContexto, problema, datos
7-9Section + ContentMetodología 3D (D1, D2, D3)
10-12Section + DataResultados, caso de éxito, KPIs
13-16Section + ContentPropuesta, servicios, inversión, timeline
17-18CTAContacto, "¿Preguntas?"

T25Stationery System

Papelería corporativa: tarjetas de presentación, hojas membretadas, sobres, folders institucionales.

Tarjeta de Presentación

ElementoEspecificación
Formato90 mm × 50 mm, horizontal
SustratoPapel algodón 300 g/m², blanco mate
AcabadoMate suave al tacto (Soft Touch)
LogotipoVersión horizontal, ancho máx. 45 mm
NombreKumbh Sans Bold 11 pt, #003A5C
CargoKumbh Sans Regular 8 pt, #242930
ContactoKumbh Sans Light 7 pt, #242930
ReversoFondo JS Navy con isotipo blanco 40% opacidad + tagline

Hoja Membretada

ElementoEspecificación
FormatoCarta (216 mm × 279 mm)
SustratoPapel bond blanco 90 g/m²
HeaderLogotipo horizontal + datos de contacto + línea 1pt #003A5C
FooterTagline + 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

NivelUsoBackgroundTexto
PrimarioCTA principal#E30613#FFFFFF, 16px SemiBold
SecundarioAcción alternativaTransparent, border 2px #003A5C#003A5C, 16px SemiBold
TerciarioLink con estilo de botónTransparent#003A5C, 16px Medium
GhostAcciones contextualesTransparent#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

ElementoEspecificación
Navbar background#003A5C
Navbar height72px (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 columns4: 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% PresupuestoEnfoque
Google Ads40%Search (intención alta) + Display (retargeting)
Meta Ads35%Video + Carousel (awareness + consideración)
LinkedIn Ads25%Lead Gen Forms (B2B directo)

KPIs por Plataforma

KPIBenchmark JSFrecuencia
CPA (Costo por Adquisición)$200 — $500 MXNSemanal
ROAS3:1 — 5:1Mensual
CPL (Costo por Lead)$50 — $150 MXNSemanal
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 ContenidoEjemplos
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/Producto20%Lanzamientos, testimonios, demos, descuentos
Interacción15%Polls, Q&A, challenges, memes profesionales
Ventas directas5%CTAs directos, ofertas exclusivas

Frecuencia Semanal

PlataformaPosts FeedStories/ReelsArtículosVideo
LinkedIn4-511
Instagram35-7 stories + 2 reels
Facebook3-42-3 stories1
YouTube2

T29Video & Audio Guide

Lineamientos de producción de video y audio para contenido audiovisual de la marca.

Duración por Tipo de Contenido

TipoDuración IdealCanal Principal
Anuncio Meta Ads15-20 segFacebook/Instagram
Mini-lección / Tip45-90 segYouTube, Instagram, LinkedIn
Video testimonial60-120 segYouTube, LinkedIn, sitio web
Webinar completo30-45 minYouTube, plataforma propia
Video institucional60-90 segSitio web, YouTube
Video de curso (módulo)5-15 minPlataforma E-Training

Especificaciones de Exportación

DestinoFormatoResoluciónBitrateFPS
YouTubeMP4 H.2641920×108015 Mbps30
Instagram/MetaMP4 H.2641080×192010 Mbps30
LinkedInMP4 H.2641920×108012 Mbps30
Sitio webMP4 + WebM1920×10808 Mbps30
Archivo maestroMOV ProRes1920×1080~100 Mbps30

Música — Estilo

T30SEO & Content Guide

Guía completa de optimización SEO: investigación, estructura, on-page, técnico y contenido.

Principios SEO

Estructura de Landing Page SEO

SecciónElemento SEOEspecificación
H1Título principalIncluir keyword principal, 40-60 caracteres
H2 (2-4)SubtítulosKeywords secundarias
IntroPrimer párrafoKeyword en primeros 100 caracteres
CuerpoContenido800-1500 palabras, secciones scaneables
FAQSchema FAQ3-5 preguntas para snippet
Meta titleTítulo SERP50-60 caracteres, keyword al inicio
Meta descriptionDescripción SERP150-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

CanalPrioridadSLA de Respuesta
WhatsApp Business🔴 Alta< 1 hora (horario laboral)
Email🔴 Alta< 4 horas
Chatbot web🟡 MediaInstantáneo
Chat en vivo🟡 Media< 2 minutos
Redes sociales (DM)🟢 Baja< 2 horas
Teléfono🔴 AltaInmediato (en horario)

WhatsApp — Mensaje de Bienvenida

¡Hola! 👋 Bienvenido a JS Training & Consulting. Somos tu aliado en capacitación empresarial certificada. ✅ Más de 400 cursos ✅ Certificación SEP e ISO ✅ Metodología 3D ¿Cómo podemos ayudarte hoy? - 📋 Cotizar un curso → Escribe "1" - 🎓 Información de certificaciones → Escribe "2" - 📅 Agendar llamada → Escribe "3" - 💬 Hablar con un asesor → Escribe "4" O simplemente escríbenos tu pregunta y te atenderemos a la brevedad. 🚀

Reglas de Privacidad

T32Governance Guide

Guía de gobernanza: roles, procesos, versionamiento, auditorías y mantenimiento del brandbook.

Matriz de Aprobaciones

ElementoNivelAprobador
Nuevo color o modificación de paleta🔴 EstratégicoBrand Steward
Variante de logotipo🔴 EstratégicoBrand Steward
Nueva tipografía🟡 TácticoBrand Manager + Brand Steward
Nuevo componente UI🟡 TácticoBrand Manager
Nueva plantilla de contenido🟢 OperativoBrand Manager
Actualización menor (texto, ejemplos)🟢 OperativoBrand Manager

Control de Versiones

CambioIncremento
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

TipoFrecuenciaResponsable
Auditoría completaAnualBrand Manager + Diseñador Senior
Auditoría de canalesTrimestralBrand Manager + Social Media Manager
Auditoría por proyectoPor cada campañaBrand Manager
Auditoría de proveedoresSemestralDiseñador Senior

Onboarding de Nuevos Colaboradores

  1. Lectura del brandbook (T01-T08: estrategia de marca)
  2. Sesión de marca con Brand Manager
  3. Lectura específica según su rol
  4. Evaluación de conocimientos de marca
  5. Proyecto supervisado