Identidad de marca / 2026Lead · Innovate · Develop
Bienvenido al brandsite

Crecimiento
con dirección.

La identidad, el lenguaje y las herramientas que hacen de LID un sistema de marca coherente.

Explorar la marca
Desplázate para explorarSistema consolidado v2.0
El sistema LID

Una marca construida para tomar mejores decisiones, conectar estrategia y ejecución, y acompañar el crecimiento real de las empresas.

01 / La marca

Crecer es avanzar
con sentido.

LID acompaña a empresas que ya están en movimiento y necesitan estructura, estrategia y visión para seguir creciendo.

Equipo profesional en una reunión de trabajo
Quiénes somos

Una agencia de mercadeo enfocada en impulsar el crecimiento real.

Integramos estrategia, comunicación comercial e inteligencia de negocios para convertir decisiones en resultados medibles.

Conoce el sistema
01 / Lead

Liderados por data

Recomendaciones basadas en datos. Cada decisión incorpora medición y dirección estratégica.

02 / Innovate

Sistemas, no piezas sueltas

Sistemas de comunicación y comercialización que conectan la marca con objetivos de negocio.

03 / Develop

Acompañamiento continuo

Esquemas trimestrales, semestrales o anuales para fortalecer la estructura y optimizar resultados.

02 / Voz y contenido

Una voz clara.
Una dirección común.

Consultiva, segura y directa. Hablamos en primera persona plural y usamos español neutro latinoamericano.

La voz LID
“No solo comunicamos marcas. Desarrollamos sistemas que impulsan su crecimiento.”

Hacemos propuestas concretas y respaldamos las cifras con fuentes.

01

Idioma

Español neutro latinoamericano. Conservamos «Lead, Innovate, Develop» en inglés.

02

Vocabulario

Crecimiento, estructura, estrategia, data, medición, optimización y resultados.

03

Estilo

Frases breves, mayúsculas en tipo oración y servicios en Tipo Título. Sin superlativos vacíos.

Así sí

«Diseñamos y ejecutamos estrategias de crecimiento enfocadas en resultados.»

Evitar

«¡Somos los mejores del mercado!»

04 / Color

Color con
propósito.

El azul lidera. Índigo y violeta aportan profundidad; el celeste ilumina detalles y superficies de acento.

Selecciona un color para copiar su código HEX.

Degradados

Recursos gráficos del sistema. En interfaces usamos las variantes legibles cuando llevan texto.

gradient-brandMarca histórica
gradient-violetApoyo visual
gradient-panelPanel gráfico
gradient-heroVelo cromático
Neutros
#000000
#666666
#D9D9D9
#F9FBFE
05 / Tipografía

Una jerarquía
que orienta.

Tres familias, tres funciones: expresión para titulares, claridad para lectura y precisión para detalles.

01 / Display

Manrope

Semibold 600 · Titulares, cifras y botones

Aa Decisiones con dirección.
02 / Lectura

Helvetica

Regular 400 · Lead y cuerpo

Aa La estrategia se convierte en acción.
03 / Detalle

Roboto

Regular 400 · Captions y unidades

Aa Medición constante y resultados claros.
Escala digitalDisplay 48/52Heading 32/38Lead 22/28Body 16/24Caption 12/18
06 / Composición y espacio

Espacio para
pensar mejor.

Fotografías rectas, mucho aire y un filete azul de 1px para anclar el contenido.

Equipo trabajando en una operación logística
La retícula

Una idea principal por pieza.

La fotografía ocupa cerca del 55–60% del ancho. El texto respira a su lado con una jerarquía clara.

12 columnas / escritorio · 4 columnas / móvil
08 XS12 SM24 MD32 LG48 XL64 2XL
07 / Componentes

Piezas para un
sistema vivo.

Patrones de interfaz y comunicación que mantienen el mismo criterio visual en cada punto de contacto.

01 / Button

Una acción principal por vista. Altura mínima de 53px y radio de 13px.

02 / SectionTitle
Enfoque

Desarrollo de estrategias y esquemas de crecimiento.

Eyebrow azul sólido; título en negro, con saltos de línea intencionales.

03 / SideNote y Statement

Acompañamos a empresas que necesitan estructura, estrategia y visión.

Desarrollamos sistemas que impulsan su crecimiento.

El filete conecta ideas. El remate violeta concentra el énfasis.

04 / BulletList
  • Continuidad estratégica
  • Medición constante
  • Optimización y ajustes

De tres a cinco frases breves, con viñeta celeste.

05 / HeroOverlay
LID — Lead, Innovate, DevelopAliado estratégico para el crecimiento.

Foto a sangre, velo de marca legible, textura al 6% y logo blanco.

Cultura Empresarial e Identidad

Propósito, cultura y comunicación interna que impulsa resultados.

Comunicación e Impulso Comercial

Estrategias orientadas a ventas, posicionamiento y oportunidades reales.

Inteligencia de Negocios

Datos y métricas clave para decidir, medir y optimizar.

08 / Fotografía

Personas reales.
Contextos reales.

Equipos profesionales latinoamericanos en reuniones, operación y momentos de decisión. Luz natural, tonos fríos y encuadres directos.

Visual conceptual de datos y estrategia
Datos y estrategia
Ponente frente a un grupo en una conferencia
Ideas compartidas
Equipo en reunión de trabajo
Decisiones en equipo
09 / Iconografía

Señales simples,
ideas claras.

Ocho íconos originales sobre retícula 24 × 24, con trazo óptico de 1.75px.

Usar a 24, 32 o 48px. Azul sobre superficies claras; blanco en fondos oscuros. Descargar set completo ↓

10 / Patrones y aplicaciones

Consistencia en
cada formato.

Módulos geométricos discretos y plantillas editables para llevar la identidad a redes, papelería y presentaciones.

Patrón modular LID sobre fondo claro
Patrón modular inverso LID
Descargar todas las plantillas
11 / Interacción y accesibilidad

Claridad que
se puede usar.

Foco visible, contraste suficiente, estados escritos y una experiencia que funciona con teclado y en móvil.

01

Contraste

Texto normal: mínimo 4.5:1. Texto grande y controles esenciales: 3:1.

02

Movimiento

Transiciones breves y respeto por prefers-reduced-motion.

03

Estados

El color siempre va acompañado de texto. Los errores se explican junto al campo.

Ejemplo local / Formulario

Prueba los estados

Este ejemplo valida en tu navegador. No envía datos.

12 / Descargas

Todo lo que necesitas
para crear.

Recursos de marca organizados para equipos creativos y aliados de LID.

Paquete completo

Una sola descarga.
Todo el sistema.

Logos, tipografías y licencias, íconos, patrones, plantillas y manual de marca.

Descargar Kit Completo

Biblioteca de recursos / 49 recursos

PDFLID_Manual_Design_System_Final.pdfSistema y documentación · LID_Manual_Design_System_Final.pdf11.0 MBDescargar ↓ZIPLID_Fuentes.zipFuentes y licencias · descargas/LID_Fuentes.zip284 KBDescargar ↓ZIPLID_Iconos.zipIconografía · descargas/LID_Iconos.zip2 KBDescargar ↓ZIPLID_Logos.zipLogos e isotipos · descargas/LID_Logos.zip282 KBDescargar ↓ZIPLID_Patrones.zipSistema y documentación · descargas/LID_Patrones.zip1 KBDescargar ↓ZIPLID_Plantillas.zipPlantillas · descargas/LID_Plantillas.zip6.8 MBDescargar ↓SVGcomunicacion.svgIconografía · iconos/comunicacion.svg254 BDescargar ↓SVGcrecimiento.svgIconografía · iconos/crecimiento.svg235 BDescargar ↓SVGdatos.svgIconografía · iconos/datos.svg236 BDescargar ↓SVGdireccion.svgIconografía · iconos/direccion.svg232 BDescargar ↓SVGequipo.svgIconografía · iconos/equipo.svg299 BDescargar ↓SVGestructura.svgIconografía · iconos/estructura.svg269 BDescargar ↓SVGobjetivo.svgIconografía · iconos/objetivo.svg285 BDescargar ↓SVGoptimizacion.svgIconografía · iconos/optimizacion.svg272 BDescargar ↓PNGlid-isotipo-indigo.pngLogos e isotipos · logos/png/lid-isotipo-indigo.png57 KBDescargar ↓PNGlid-isotipo-ink.pngLogos e isotipos · logos/png/lid-isotipo-ink.png50 KBDescargar ↓PNGlid-isotipo-violet.pngLogos e isotipos · logos/png/lid-isotipo-violet.png56 KBDescargar ↓PNGlid-isotipo-white.pngLogos e isotipos · logos/png/lid-isotipo-white.png35 KBDescargar ↓PNGlid-logo-indigo.pngLogos e isotipos · logos/png/lid-logo-indigo.png91 KBDescargar ↓PNGlid-logo-ink.pngLogos e isotipos · logos/png/lid-logo-ink.png78 KBDescargar ↓PNGlid-logo-violet.pngLogos e isotipos · logos/png/lid-logo-violet.png90 KBDescargar ↓PNGlid-logo-white.pngLogos e isotipos · logos/png/lid-logo-white.png63 KBDescargar ↓SVGlid-isotipo-indigo.svgLogos e isotipos · logos/svg/lid-isotipo-indigo.svg942 BDescargar ↓SVGlid-isotipo-ink.svgLogos e isotipos · logos/svg/lid-isotipo-ink.svg942 BDescargar ↓SVGlid-isotipo-violet.svgLogos e isotipos · logos/svg/lid-isotipo-violet.svg942 BDescargar ↓SVGlid-isotipo-white.svgLogos e isotipos · logos/svg/lid-isotipo-white.svg942 BDescargar ↓SVGlid-logo-indigo.svgLogos e isotipos · logos/svg/lid-logo-indigo.svg9 KBDescargar ↓SVGlid-logo-ink.svgLogos e isotipos · logos/svg/lid-logo-ink.svg9 KBDescargar ↓SVGlid-logo-violet.svgLogos e isotipos · logos/svg/lid-logo-violet.svg9 KBDescargar ↓SVGlid-logo-white.svgLogos e isotipos · logos/svg/lid-logo-white.svg9 KBDescargar ↓SVGLID_modulos.svgSistema y documentación · patrones/LID_modulos.svg5 KBDescargar ↓SVGLID_modulos_inverso.svgSistema y documentación · patrones/LID_modulos_inverso.svg5 KBDescargar ↓HTMLFirma_correo_Milagro_Giammattei.htmlPlantillas · plantillas/Firma_correo_Milagro_Giammattei.html122 KBDescargar ↓SVGHoja_A4.svgPlantillas · plantillas/Hoja_A4.svg24 KBDescargar ↓PPTXLID_Plantilla_Presentaciones.pptxPlantillas · plantillas/LID_Plantilla_Presentaciones.pptx6.7 MBDescargar ↓SVGPost_1080.svgPlantillas · plantillas/Post_1080.svg24 KBDescargar ↓SVGRetrato_1080x1350.svgPlantillas · plantillas/Retrato_1080x1350.svg24 KBDescargar ↓SVGStory_1080x1920.svgPlantillas · plantillas/Story_1080x1920.svg24 KBDescargar ↓SVGTarjeta_frente_sangrado.svgPlantillas · plantillas/Tarjeta_frente_sangrado.svg24 KBDescargar ↓SVGTarjeta_reverso_sangrado.svgPlantillas · plantillas/Tarjeta_reverso_sangrado.svg585 BDescargar ↓TTFManrope-Bold.ttfFuentes y licencias · tipografia/Manrope-Bold.ttf95 KBDescargar ↓TTFManrope-Medium.ttfFuentes y licencias · tipografia/Manrope-Medium.ttf95 KBDescargar ↓TTFManrope-Regular.ttfFuentes y licencias · tipografia/Manrope-Regular.ttf95 KBDescargar ↓TTFManrope-SemiBold.ttfFuentes y licencias · tipografia/Manrope-SemiBold.ttf95 KBDescargar ↓TTFManrope-Variable.ttfFuentes y licencias · tipografia/Manrope-Variable.ttf161 KBDescargar ↓WOFFManrope.woff2Fuentes y licencias · tipografia/Manrope.woff224 KBDescargar ↓TXTOFL-Manrope.txtFuentes y licencias · tipografia/OFL-Manrope.txt4 KBDescargar ↓TXTOFL-Roboto.txtFuentes y licencias · tipografia/OFL-Roboto.txt4 KBDescargar ↓WOFFRoboto.woff2Fuentes y licencias · tipografia/Roboto.woff221 KBDescargar ↓