Ir al contenido
Uso interno y externo

Guía de Identidad Visual

Todo lo necesario para comunicar Metagerencia con coherencia: colores, tipografía, logo, voz y especificaciones por canal.

Versión
1.0 — 2025
Web
metagerencia.com
Titular
José Mendoza
01

Identidad de marca

La identidad de Metagerencia no es un conjunto de colores ni un logo. Es un punto de vista sobre el liderazgo: que está dentro de la persona, no en el cargo. Todo lo que comunicamos parte de ahí.

Propósito

Más allá de la gerencia están las personas que la ejercen. El liderazgo viene de lo más profundo del ser.

Posicionamiento

Autoridad de marca en el desarrollo del liderazgo para profesionales y líderes de empresa en el mundo hispano.

Producto

Formación, contenido y consultoría para personas que ejercen su profesión con responsabilidad sobre equipos y organizaciones: infoproductos, masterclasses, ponencias y blog.

Arquetipo

El Sabio. Utiliza la inteligencia, el análisis y el conocimiento profundo para entender el mundo y ayudar a otros a comprenderlo. No predica desde un pedestal: comparte desde la experiencia vivida.

🎯

Audiencia principal

Personas que ejercen o aspiran a ejercer liderazgo real dentro de organizaciones: dueños de empresa, directores, gerentes, jefes y consultores. También profesionales con responsabilidad sobre equipos que buscan crecer desde adentro.

🏢

Líderes de empresa

Dueños, directores, gerentes y jefes que necesitan desarrollar o fortalecer su liderazgo.

🔍

Consultores empresariales

Profesionales independientes que acompañan organizaciones y quieren profundizar sus herramientas.

📈

Profesionales en ascenso

Trabajadores con responsabilidad creciente que quieren liderar con conciencia y resultados.

03

Paleta de colores

Dos familias cromáticas con roles claros —naranja para la acción, azul para la estructura— más una escala de neutros que ordena la jerarquía visual.

Familia naranja — Acción y energía
Naranja#F05B28Color principal de acción. Botones primarios, CTAs, énfasis.
Naranja Profundo#B02D00Estados activos, hover, texto sobre fondo naranja.
Naranja Claro#FF9672Ilustraciones, elementos decorativos secundarios.
Naranja Pálido#FFEBE4Fondos de secciones, badges, alertas suaves.
Marrón Tierra#5B1700Uso muy excepcional. Solo cuando el contexto lo justifique.
Familia azul — Confianza y profundidad
Azul Profundo#012A39Fondo oscuro principal, navbar, encabezados de sección.
Azul Medio#04526FBotones secundarios, tarjetas destacadas.
Azul#1E7697Links, elementos interactivos, separadores.
Azul Claro#5296B0Texto secundario sobre fondo oscuro, decorativos.
Azul Pálido#D3E5EBFondos informativos, chips, badges de categoría.
Neutros — Estructura y respiro
Negro#020202Texto body principal.
Gris Oscuro#414141Texto secundario, párrafos largos.
Gris#828282Texto de apoyo, metainformación.
Gris Medio#A6A6A6Bordes suaves, divisores.
Gris Claro#D6D6D6Fondos de inputs, líneas de tabla.

Reglas de uso del color

  • El naranja (#F05B28) es el color de la acción. Úsalo en botones primarios, íconos activos y elementos que requieren atención inmediata. No lo satures: debe destacar por contraste, no por abundancia.
  • El azul profundo (#012A39) es el color estructural. Úsalo en fondos de header, navbars y secciones que requieran seriedad y autoridad.
  • Los neutros gestionan la jerarquía. Negro y gris oscuro para texto principal; gris medio y claro para apoyo y separación.
  • No uses naranja y azul en proporciones iguales. Uno debe dominar (estructura) y el otro debe acentuar (acción).
  • No apliques texto naranja sobre fondo naranja ni azul claro sobre azul. Verifica siempre el contraste (mínimo WCAG AA: ratio 4.5:1).
  • No introduzcas colores externos a la paleta oficial sin aprobación del titular de marca.
04

Tipografía

El sistema tipográfico de Metagerencia usa tres familias con roles diferenciados, elegidas por legibilidad, carácter y función en su contexto de uso.

Darker Grotesque

Google Fonts · Gratuita · Peso variable

Titulares web

El liderazgo viene de adentro.

Darker Grotesque 900 · uso en H1/H2 de la web
H1DG 900 · 80px · LH 1.0
H2DG 800 · 64px · LH 1.05
H3DG 700 · 48px · LH 1.1
H4DG 700 · 32px · LH 1.2
H5–H6DG 700 · 24–20px · LH 1.2

Roboto

Google Fonts · Gratuita · Regular / Light / Medium

Cuerpo de texto web

Cuando comencé a relacionarme con el liderazgo entendí que no se trata de un conjunto de técnicas que se aprenden, sino de un proceso de autodescubrimiento.

Roboto 400 · 16px · Line-height 1.5
ElementoFuenteTamañoInterlineado
Párrafo bodyRoboto 40016px1.5×
Texto pequeño / metaRoboto 30014px1.5×
Caption / notaRoboto 40012px1.4×
BotónRoboto 50014–20px

Montserrat

Google Fonts · Gratuita · Múltiples pesos

Documentos impresos / PDF

Título de documento

Cuerpo de texto para propuestas comerciales, informes de consultoría, presentaciones y materiales formativos descargables.

Montserrat 700 / 400 · Documentos Word, PDF, PPTX
05

Voz y tono

La voz de Metagerencia es reflexiva, directa y experiencial. Habla desde el conocimiento vivido, no desde la fórmula motivacional.

Lo que la voz SÍ hace

Comparte desde la experiencia real en consultoría y liderazgo. Hace preguntas que invitan a la reflexión. Usa ejemplos concretos antes que conceptos abstractos. Es honesta sobre la complejidad del liderazgo, sin simplificar en exceso.

Lo que la voz NO hace

No usa jerga motivacional vacía ("¡Tú puedes!", "¡El éxito te espera!"). No repite lugares comunes de autoayuda. No predica ni moraliza. No satura con siglas o términos técnicos innecesarios. No exagera ni promete lo que no puede cumplir.

✕ Evitar

Una frase que abusa de superlativos sobre "éxito ilimitado" y resultados garantizados por el liderazgo transformador.

✓ Usar

"La mayoría de los problemas de equipo que atiendo en consultoría no son de procesos. Son de liderazgo. Y casi siempre empiezan por la falta de claridad sobre qué espera realmente el líder."

✕ Evitar

Lenguaje corporativo genérico cargado de anglicismos como "stakeholders" y "liderazgo situacional de alto impacto".

✓ Usar

"Hay una diferencia entre un gerente que dirige y un líder que desarrolla. El primero resuelve problemas. El segundo construye la capacidad para que otros los resuelvan."

✕ Evitar

Llamados a la acción con urgencia artificial, mayúsculas y promesas de cambio de vida instantáneo.

✓ Usar

"Si ocupas un cargo con responsabilidad sobre personas y quieres entender qué está fallando realmente en tu equipo, esta masterclass es para ti."

El tono varía según el contexto

  • Blog y artículos: reflexivo, analítico, con ritmo de conversación. Una idea central sostiene todo el texto.
  • Redes sociales: conciso y directo, sin perder profundidad. Una sola idea bien desarrollada.
  • Materiales formativos: estructurado y pedagógico. Ejemplos concretos antes que conceptos abstractos.
  • Propuestas y documentos: profesional y preciso. La autoridad se demuestra con claridad, no con palabras difíciles.
06

Ecosistema digital

La web sobre Odoo es el núcleo central; cada canal de distribución tiene una función y especificaciones de formato propias.

🌐

Web · metagerencia.com

  • PlataformaOdoo ERP
  • FuncionesBlog · Tienda · Directorio
  • Color base#FFFFFF / #012A39

Hub central de todos los canales. Destino final del tráfico generado en redes y YouTube.

▶️

YouTube · @metagerencia

  • Foto de canal800 × 800 px
  • Arte de canal2560 × 1440 px
  • Miniatura1280 × 720 px

Miniaturas: naranja o azul profundo, tipografía Darker Grotesque, máximo 4 palabras.

💼

LinkedIn · josemendoza-info

  • Foto de perfil400 × 400 px
  • Foto de fondo1584 × 396 px
  • Imagen post1200 × 627 px

Eje central de captación de profesionales. Tono formal sin perder cercanía.

📸

Instagram · @metagerencia

  • Foto de perfil320 × 320 px
  • Post cuadrado1080 × 1080 px
  • Story / Reel1080 × 1920 px

Vitrina visual de la marca. Naranja y azul profundo predominantes en el feed.

📘

Facebook · /metagerencia

  • Foto de perfil170 × 170 px
  • Foto de portada820 × 312 px
  • Imagen post1200 × 630 px

Distribución de contenidos del blog y YouTube, mismo estilo que Instagram.

💬

WhatsApp · +58 424 512 7619

  • Foto de perfil500 × 500 px
  • UsoInteracción directa

Tono directo y cálido, sin hipérboles, siguiendo los lineamientos de voz.

Principios del ecosistema digital

  • Google Drive es el repositorio oficial de activos de marca. Nunca uses versiones descargadas de redes sociales como fuente.
  • Google Analytics está integrado a la web. Todo contenido nuevo debe considerar su trazabilidad hacia la web como destino principal.
  • No uses imágenes de stock genéricas que contradigan la personalidad de la marca.
  • No crees materiales gráficos sin usar las fuentes y colores oficiales, aunque sea para uso temporal.
07

Documentos

Propuestas, informes, contratos y presentaciones son extensiones de la marca y deben comunicar el mismo rigor y profesionalismo.

Propuestas comerciales

  • Fuente: Montserrat en todo el documento.
  • Título: Montserrat 700 · 24–28pt · Azul profundo.
  • Cuerpo: Montserrat 400 · 11pt · Interlineado 1.5.
  • Acento: Naranja solo en titulares clave y separadores.
  • Formato: A4 vertical. Márgenes 2.54 cm.

Presentaciones PPTX

  • Ratio: 16:9 (1920 × 1080 px).
  • Apertura: fondo azul profundo, logo negativo, título blanco.
  • Contenido: fondo blanco o azul pálido.
  • Cierre: fondo naranja, texto blanco, datos de contacto.
  • Imágenes: solo fotografías aprobadas en alta resolución.

Informes y reportes

  • Portada: fondo azul profundo, logo negativo.
  • Índice: Montserrat 400 con numeración naranja.
  • Tablas: encabezado azul profundo / texto blanco; filas alternas azul pálido.
  • Gráficos: paleta oficial, nunca colores predeterminados de Excel.

Contratos y documentos legales

  • Fuente: Montserrat 400 · 11pt. Sin decoraciones.
  • Estilo: sobrio, solo logo en encabezado de primera página.
  • Formato: A4 vertical. Márgenes: 3 cm izquierdo, 2.54 cm resto.
  • Logo: versión blanco y negro permitida solo aquí.
📋

Plantillas disponibles: las plantillas base para propuestas, presentaciones e informes están en proceso de creación. Hasta que estén en Google Drive, aplica estas especificaciones desde cero y confirma con el titular antes de enviar cualquier documento de marca.

08

Infoproductos

Masterclasses, formaciones, podcasts, libros y descargables: el producto principal de la marca, con el más alto nivel de coherencia visual.

01

Masterclasses y formación

Portada: fondo azul profundo, logo negativo, título en Darker Grotesque 800. PDFs siguen el sistema de documentos.

02

Podcast

Artwork cuadrado 3000 × 3000 px. Fondo azul profundo o naranja. Logo centrado versión negativa. Sin saturación de texto.

03

Libros y e-books

Portada con diseño original siguiendo paleta y tipografías oficiales. Contraportada con logo y datos de contacto.

04

Materiales descargables

Fondo blanco con acentos azul pálido y naranja. Logo en encabezado, URL y contacto en el pie. Nunca sin marca de agua.

05

Thumbnails de YouTube

1280 × 720 px. Máximo 4 palabras en Darker Grotesque 900. Fondo de alto contraste, un elemento focal principal.

06

Ponencias y conferencias

Sigue el sistema PPTX oficial. Primer y último slide con logo y contacto; slides intermedios con logo minimizado.

🎨

Imágenes de marca: las fotografías profesionales del titular aprobadas para infoproductos y redes están en el repositorio de Google Drive. No uses fotografías no aprobadas, capturas de videoconferencias ni imágenes sin la resolución requerida.

Esta guía es un documento vivo. Actualízala cada vez que la identidad de marca evolucione. Para usos no documentados aquí, contacta directamente al titular.

v1.0 · Abril 2025