BrandBook v1.0

DemoCorp MX

Tecnología con Propósito Humano

Guía completa de identidad de marca, estrategia y lineamientos creativos para DemoCorp MX — empresa tecnológica mexicana que democratiza la tecnología para empresas mexicanas.

Cliente: DemoCorp MX Industria: Tecnología / SaaS Versión: 1.0 — Julio 2026 Arquetipo: Explorador · Sabio · Héroe
Desplázate
Sección 01

Esencia de Marca

DemoCorp MX nace de la convicción de que la tecnología debería ser una herramienta al servicio de las personas, no un privilegio de quienes entienden de código.

Tagline

"Tecnología con propósito humano"

Posicionamiento

"Crecimiento sin complicaciones"

Promesa

Tecnología que tu equipo realmente usa. Resultados que tu negocio realmente ve.

Propósito

Democratizar la tecnología

Hacer accesible la transformación digital a empresas mexicanas, sin jerga técnica, sin costos ocultos.

Diferenciador

Socios, no proveedores

Nos sentamos del mismo lado de la mesa. Cada recomendación nace de entender la operación real del cliente.

Valor

Resultados medibles

Metodología Conexión 360° con reportes semanales, dashboard en vivo y KPIs claros. Si no se puede medir, no se hace.

4
Valores
3
Arquetipos
28
Secciones
360°
Metodología
Sección 02

Historia de Marca

El origen de DemoCorp MX y la narrativa que da vida a la marca.

2018 — El origen

Andrea, Carlos y Miguel — tres ingenieros — se reúnen cada viernes en la Condesa, CDMX. Detectan un problema: empresas mexicanas quieren tecnología pero no hay quien traduzca entre lo que necesitan y lo que el mercado ofrece.

El primer cliente

Una cadena restaurantera les pide digitalizar su operación completa. Tres meses, presupuesto ajustado. Lo logran. Descubren su vocación: democratizar la tecnología para empresas mexicanas.

Nace Conexión 360°

Marco propio con 4 fases: Diagnosticar, Diseñar, Implementar, Acompañar. No venden herramientas, construyen puentes entre el negocio y la tecnología.

2026 — Hoy

Partner tecnológico de referencia para empresas mexicanas en expansión. Reconocidos por traducir necesidades de negocio en soluciones que realmente funcionan.

"Tecnología que tu equipo realmente usa. Resultados que tu negocio realmente ve."— Promesa de marca DemoCorp MX
Sección 03

Arquetipo y Personalidad

Explorador (60%), Sabio (25%), Héroe (15%) — la combinación que define cada decisión de marca.

60%
Explorador
25%
Sabio
15%
Héroe
Explorador · 60%

Audaz y Curioso

Impulso hacia la innovación. Motivamos a descubrir nuevas posibilidades y forjar su propio camino.

  • Titulares provocadores que retan el status quo
  • Contenido educativo con datos reveladores
  • CTA: "Descubre", "Explora", "Avanza"
Sabio · 25%

Experto y Riguroso

Soporte racional: datos, conocimiento, autoridad en el sector.

  • Metodología Conexión 360° documentada
  • Casos de éxito con datos verificables
  • Traducción de técnico a lenguaje de negocio
Héroe · 15%

Resultados y Transformación

Toque aspiracional: resultados tangibles que transforman negocios.

  • Casos de éxito con resultados concretos
  • "Tú contra tu versión anterior"
  • Roadmaps con hitos claros y ROI demostrable
Sección 04

Posicionamiento y Propuesta de Valor

Cómo DemoCorp MX se posiciona en el mercado y el valor diferencial que ofrece.

"Para dueños de negocio y directores de marketing en México que buscan crecimiento sostenible sin complicaciones técnicas, DemoCorp MX es la agencia de publicidad digital que convierte tu inversión en resultados predecibles, porque combinamos estrategia basada en datos con ejecución creativa, operamos con total transparencia y nos sentamos contigo como socio, no como proveedor."— Positioning Statement
Diferenciador 1

Socios estratégicos

Nos sentamos del mismo lado de la mesa. Tu éxito es nuestro KPI.

Diferenciador 2

Datos reales

Cada campaña se optimiza con datos verificables en tiempo real.

Diferenciador 3

Un solo interlocutor

Desde estrategia hasta diseño, copy, medios y reportes. Todo en un equipo.

Diferenciador 4

Transparencia radical

Dashboard en vivo, reportes semanales, sin tarifas ocultas.

Sección 05

Tono de Voz

Cuatro principios guían toda la comunicación de DemoCorp MX.

Principio 1

Claridad sobre astucia

Preferimos ser entendidos a ser ingeniosos. Una frase clara gana a un juego de palabras confuso.

Principio 2

Humano sobre técnico

Hablamos con personas, no con roles. El "para qué" siempre antecede al "cómo".

Principio 3

Confianza sin arrogancia

La autoridad se demuestra ayudando. Usamos datos, no superlativos.

Principio 4

Precisión sin frialdad

Rigurosos y cercanos al mismo tiempo. Los detalles importan, pero no al costo de la calidez.

Somos

  • Claros y directos
  • Cercanos y accesibles
  • Rigurosos y estratégicos
  • Apasionados por la tecnología
  • Objetivos e independientes
  • Partners que entienden el negocio

No Somos

  • Técnicos y crípticos
  • Informales o poco profesionales
  • Burocráticos o lentos
  • Friki-herméticos inaccesibles
  • Vendedores empujando herramienta X
  • Consultores que recetan soluciones estándar
Sección 06

Buyer Personas

Tres perfiles de audiencia que guían la estrategia de comunicación, producto y experiencia.

A

Alex — El Emprendedor

28-40 años · Fundador, 2-10 empleados · CDMX

Falta de tiempoBusca automatización

Dueño de negocio que crece rápido pero se ahoga en procesos manuales. Quiere un sistema que funcione sin su intervención diaria.

Dolor:

Falta de tiempo para gestionar marketing

Deseo:

Sistema automatizado que trabaje sin él

Objeción:

"Es demasiado caro para mi negocio"

Canales:

LinkedIn, Instagram, Email, WhatsApp

C

Carla — Directora de Marketing

32-48 años · Directora Marketing · CDMX, GDL, MTY

Presión por resultadosSocio estratégico

Ejecutiva de marketing con presión por resultados trimestrales. Necesita justificar cada peso invertido.

Dolor:

Equipo pequeño, presión por ROAS

Deseo:

Resultados comprobables para el board

Objeción:

"Ya trabajé con agencias y no funcionó"

Canales:

LinkedIn, Email, YouTube, Google Search

R

Ricardo — Dueño Tradicional

45-60 años · Dueño negocio · Provincia MX

Desconfía del digitalValora confianza

Dueño de negocio que construyó su empresa con referidos. Desconfía del marketing digital.

Dolor:

Dependencia de referidos, competencia digital

Deseo:

Clientes nuevos sin complicación técnica

Objeción:

"El boca a boca siempre ha funcionado"

Canales:

WhatsApp, Facebook, Google, llamada

Sección 07

Copy Frameworks y CTAs

Estructuras de copy probadas y banco de llamados a la acción para cada persona y canal.

Alex

PAS Framework

P: Pasas más horas alimentando tu CRM que vendiendo.
A: Cada semana con procesos manuales pierdes clientes.
S: En DemoCorp MX construimos un sistema que trabaja solo.

Carla

PAS Framework

P: Los números no cierran. La agencia anterior desapareció.
A: Has pagado por ejecución sin estrategia.
S: Si no se puede medir, no se hace.

Ricardo

PAS Framework

P: Las recomendaciones ya no son suficientes.
A: Tus clientes buscan en Google. Si no apareces, no existes.
S: No dejes lo que funciona. Solo suma un canal digital.

Sección 09

Paleta de Color

Sistema cromático completo con variantes light/dark, contraste WCAG y usos específicos.

Azul DemoCorp
#2563EB
Primary · Logo, headers, botones
Cian Tecnológico
#06B6D4
Secondary · Links, acentos, badges
Ámbar Acción
#F59E0B
CTA cálido · Dark mode, promocional
Violeta Creativo
#7C3AED
Accent · Iconografía, gráficos
Verde Éxito
#10B981
Success · Estados, badges positivos
Fondo Oscuro
#0F172A
Dark mode · Hero, footers, navbar
Fondo Claro
#F8FAFC
Light mode · Fondos, tarjetas
Rojo Error
#EF4444
Error · Alertas, estados
Sección 10

Sistema Tipográfico

Space Grotesk para titulares, Inter para cuerpo. Equilibrio entre personalidad tecnológica y legibilidad.

Space Grotesk
Display · 400-700
Inter
Body · 300-700
Hero (Display XL)
Tecnología con propósito
H1 (Display)
Confianza tecnológica con toque humano
H2 (Título)
Metodología Conexión 360°
H3 (Subtítulo)
Diagnosticar, Diseñar, Implementar, Acompañar
Body (Cuerpo)
DemoCorp MX es una empresa tecnológica mexicana que democratiza la tecnología para empresas mexicanas. Nace de la convicción de que la tecnología debería ser una herramienta al servicio de las personas.
Sección 11

Dirección Fotográfica

Confianza tecnológica con toque humano. La fotografía equilibra precisión técnica con calidez humana.

60%

Lifestyle Tecnológico

Personas reales en entornos laborales modernos. Colaboración, pantallas, espacios híbridos.

  • Lente 35-50mm, f/2.8-f/4
  • Iluminación natural o softbox a 45°
  • Temperatura 4800-5500K
25%

Producto / Interfaz

Capturas limpias de la plataforma en dispositivos mockup.

  • Lente 85-105mm, f/5.6-f/8
  • Dispositivo girado 15-20°
  • Fondo degradado suave
15%

Abstracto / Conceptual

Visualización de datos, gráficos, nodos de conexión. Luces bokeh azul/cian.

  • Fondos para landing pages
  • Banners de sección
  • Backgrounds para presentaciones
Sección 12

Sistema de Iconografía

Íconos lineales de 2px con terminales redondeadas. Precisión técnica con calidez en los detalles.

Canvas

24×24px

Trazo

2px · round caps

Relleno

Solo para estados

Zona segura

20×20px

CategoríaÍconosUso
Producto / TechDashboard, Cloud, Data, CodePlataforma, infraestructura, analytics
Personas / ColabTeam, User, Support, HandshakeColaboración, perfil, soporte
Acción / UIArrowRight, Settings, Search, MenuNavegación, configuración, búsqueda
ComunicaciónChat, Email, Notification, ShieldMensajes, correo, alertas, seguridad
Sección 13

Diseño de Movimiento

DemoCorp MX es profesional y precisa — el movimiento debe ser funcional, nunca gratuito.

Principio 1

Preciso sobre llamativo

Cada animación guía la atención, revela contenido o confirma una acción.

Principio 2

Rápido pero suave

200-400ms con easing natural. Nada lento ni torpe.

Principio 3

Progresivo

Contenido en secuencia. El usuario descubre la página gradualmente.

Principio 4

Accesible

prefers-reduced-motion respetado. Animaciones se simplifican.

Sección 14

Design Tokens

Sistema de espaciado, bordes, sombras y variables CSS para consistencia en toda la experiencia digital.

TokenRemPxUso
space-10.25rem4pxMicro-espaciado
space-20.5rem8pxDensos
space-41rem16pxBase
space-82rem32pxEntre secciones cercanas
space-123rem48pxEntre secciones
space-205rem80pxGrandes espacios
Sección 15

Modo Oscuro

DemoCorp MX nace en modo oscuro. Dark-first; el modo claro es adaptación secundaria.

Predeterminado

Dark (#0F172A)

Preferencia

prefers-color-scheme: dark

Contraste

WCAG AA mínimo

TokenLightDark
--color-primary#2563EB#3B82F6
--bg#FFFFFF#0F172A
--text-primary#0F172A#F8FAFC
--color-success#10B981#34D399
Sección 16

Paid Media

Estrategia de campañas pagadas en Meta, Google, LinkedIn y YouTube.

Plataforma% BudgetObjetivo
Google Search35%Capturar intención activa
LinkedIn Ads30%B2B targeting profesional
Meta Ads20%Awareness + Retargeting
YouTube Ads10%Brand storytelling
Google Display5%Remarketing
Sección 17

SEO y Contenido

Lineamientos de contenido alineados con la voz de marca Sabio + Explorador + Héroe.

Sabio

Contenido Autoritativo

Guías, tutoriales, best practices. Keywords en datos y educación.

Explorador

Contenido Inspirador

Tendencias, innovación, futuro. Keywords de comparación.

Héroe

Casos de Éxito

Resultados tangibles, ROI, transformación.

Sección 18

Redes Sociales

Lineamientos para LinkedIn, Instagram, Facebook y YouTube.

PlataformaTonoCTAsHashtags
LinkedInAutoridad + cercano1 al final1-2 (#DemoCorpMX)
InstagramCálido + simple1-2 por post3-5
FacebookCálido + simple1-2 por post0-2
YouTubeEducativo1 (descripción)3-5
Sección 19

Vocabulario de Marca

Palabras que usamos y palabras que evitamos.

Usamos
  • Implementación — sobre "rollout"
  • Acompañamiento — refleja partnership
  • Diagnóstico — precisión, no venta
  • Resultados — concreto, medible
  • Equipo — no "recursos humanos"
Evitamos
  • "Solución integral" → sistema que integra X, Y, Z
  • "Transformación digital" → digitalizar operación
  • "Innovador" → forma distinta de hacer X
  • "Sinergia" → colaboración
  • "Empoderar" → dar herramientas para X
Sección 20

Email y CRM

Lineamientos para comunicación por email con estructura AIDA.

TipoFórmulaEjemplo
Prospecting[Problema] + ?"¿Sigue tu equipo usando Excel como CRM?"
Follow-up[Valor] + en [Tiempo]"ROI en 90 días"
Newsletter[Tema] + [Beneficio]"3 señales de que tu stack te frena"
Sección 21

Microcopy y Estados

Textos para botones, formularios y estados del sistema.

ElementoTexto
Botón primarioAgenda tu diagnóstico
Botón secundarioConoce nuestra metodología
Envío formularioQuiero mi diagnóstico
Página 404"No perdiste tu trabajo — solo llegaste a una página que ya no existe."
Error 500"Tuvimos un problema. Nuestro equipo ya fue notificado."
Loading"Estamos preparando tu información…"
Sección 22

Aplicaciones de Marca

Ejemplos de aplicación de la identidad visual en diferentes formatos.

Web

Hero + Secciones

Fondo oscuro, gradiente radial azul. Titular Space Grotesk bold. Noise overlay 3%.

Presentaciones

Deck Ventas

Fondo #0F172A, titulares Space Grotesk 700, cuerpo Inter 400. Logo en esquina.

Email

Newsletter

Ancho 600px, header con logo, botones primary. Un CTA por email.

Sección 23

Palabras de Alto Impacto

Lenguaje de conversión para campañas y contenido.

PropósitoUsamosEvitamos
ConfianzaMétodo, probado, casos, transparenciaRevolucionario, disruptivo
UrgenciaHoy, esta semana, limitadoUrgente, date prisa
ValorGratuito, diagnóstico, sin costoRegalado, ofertón
ResultadoROI, crecimiento, eficienciaMilagro, mágico
RelaciónPartner, acompañamiento, equipoProveedor, contratación
Secciones 24-28

Referencia Rápida

Checklist, guía para redactores, glosario, assets y fórmulas de copy.

Sección 24

Guía Rápida para Redactores

  • Claridad primero. Menos palabras, más impacto.
  • "Para qué" antes del "cómo".
  • Habla como partner, no vendedor.
Sección 25

Checklist de Autoevaluación

  • ¿Lo entendería un dueño de negocio?
  • ¿Podría ser más corto?
  • ¿Estoy demostrando o presumiendo?
Sección 26

Glosario

  • ROAS: $ regresa por cada $ invertido
  • SEO: Aparecer en Google
  • Lead: Cliente potencial
Sección 27

Assets

  • 6 variantes de logo (SVG + PNG)
  • Design tokens CSS
  • Paleta JSON completa
  • Google Fonts + fallbacks
Sección 28

Fórmulas de Copy

El Diagnóstico

[Problema] + [Dato] + [Solución] + [CTA]

Pregunta Retadora

[Pregunta] + [Revelación] + [Perspectiva] + [Invitación]

Antes/Después

[Estado actual] → [Estado futuro]

Traducción Sabio

[Técnico] → [Negocio] → [Resultado]