Innova
Manual de
Identidad Corporativa
Innova Ingeniería Integral S.A.S · 2026
Documento confidencial · Uso interno y colaboradores autorizados
01 / 29
Índice
Contenido
01Portada01
08Logo · Sobre fondos09
02Índice02
09Logo · Usos incorrectos10
03Filosofía de marca03
10Paleta cromática11
04Logotipo · Versión principal04
11Acentos y neutros12–13
05Logo · Planimetría05
12Tipografía15–16
06Logo · Versiones06
13Elementos gráficos17–19
07Logo · Área de protección07–08
14Aplicaciones20–27
Innova · Manual de Identidad02 / 29
Filosofía de marca
Nuestra esencia
Transformar educación, comunicación y experiencia digital mediante tecnología inmersiva, creatividad aplicada y soluciones de impacto social.
No somos solo una empresa de tecnología. Somos un ecosistema que integra producción creativa, innovación educativa y desarrollo digital en experiencias con propósito.
ARQUETIPO
Innovador + Visionario
Futuro, exploración, transformación, inteligencia aplicada.
PERSONALIDAD
Humana y futurista
Tecnológica, creativa, educativa, cinematográfica, confiable.
POSICIONAMIENTO
Innovación inmersiva
Ecosistemas digitales inmersivos con impacto educativo y social.
DIFERENCIAL
Integración única
Educación + creatividad + tecnología inmersiva. Raro en Latinoamérica.
Innova · Manual de Identidad03 / 29
01 · Logotipo
Versión principal
El logotipo
de Innova.
El logotipo se compone de dos elementos inseparables: el isotipo (marca figurativa dentro de un círculo) y el logotipo (wordmark "innova" en tipografía geométrica propia).
i
IsotipoFigura humana estilizada (cabeza + cuerpo cápsula) dentro de un círculo azul. Representa innovación, persona y tecnología.
A
WordmarkTipografía geométrica custom "innova" en minúsculas. La "i" con punto circular eco de la cabeza del isotipo. La "o" y la "a" completamente redondeadas.
Innova
Innova · Manual de Identidad04 / 29
01 · Logotipo
Planimetría y construcción
Proporciones geométricas del logotipo
X = diámetro del isotipo 0.76X 0.14X baseline
X
Unidad base (X)Diámetro del isotipo circular. Todas las proporciones se derivan de X.
Separación mark–wordmark0.14X entre el borde derecho del círculo y el inicio del wordmark.
Altura del wordmark0.76X — la altura de las letras "innova" equivale al 76% del diámetro del isotipo.
Centro ópticoEl centro del círculo alinea verticalmente con el centro óptico del wordmark.
Punto de la "i"El dot de la "i" en el wordmark es geométricamente idéntico a la cabeza de la figura del isotipo.
Innova · Manual de Identidad05 / 29
01 · Logotipo
Versiones de color
Tres versiones oficiales para cada contexto
Color (principal)
Sobre fondos blancos y claros. Versión predeterminada para toda comunicación.
logo-color-v2.png
Blanco (negativa)
Sobre fondos oscuros, fotografías y gradientes. Cuerpo inferior del isotipo en gris claro.
logo-white-v2.png
Negro (monotono)
Para impresión a una tinta, grabado, fax. Cuerpo inferior del isotipo en gris medio.
logo-black.png
Innova · Manual de Identidad06 / 29
01 · Logotipo
Área de protección
Espacio mínimo
alrededor del logo
El área de protección garantiza que el logotipo respire y no compita con otros elementos. Se define como ¼ del diámetro del isotipo (X/4) alrededor de todo el conjunto.
Siempre respetarNingún texto, imagen, borde o elemento gráfico puede invadir el área de protección.
Bordes de páginaSi el logo está cerca de un borde, el área de protección se mide desde el borde del soporte.
X / 4
X / 4
X / 4
X / 4
Innova · Manual de Identidad07 / 29
01 · Logotipo
Tamaño mínimo
Legibilidad garantizada en todo soporte
Mínimo digital
18px de alto · 80px de ancho
Header estándar
24–32px de alto
Hero / portada
48px+ de alto
🖥
Digital (pantalla)Mínimo 18px de alto para garantizar legibilidad del wordmark en pantallas retina.
🖨
ImpresiónMínimo 15mm de ancho total. En serigrafía o grabado: 20mm mínimo.
📱
Favicon / avatarUsar solo el isotipo (sin wordmark) en tamaños menores a 32×32px.
Innova · Manual de Identidad08 / 29
01 · Logotipo
Sobre fondos
El logo sobre diferentes superficies
Color · blanco
Color · paper
Color · paper-3
Color · line
Blanco · ink
Blanco · deep
Blanco · brand blue
Blanco · aurora
Innova · Manual de Identidad09 / 29
01 · Logotipo
Usos incorrectos
Nunca aplicar estas alteraciones
No estirar ni distorsionar
No rotar más de ±5°
No usar con opacidad baja
No cambiar los colores
No rellenar con gradiente
No agregar sombras duras
No agregar brillos o glows
No colocar sobre fondo que no contraste
Innova · Manual de Identidad10 / 29
02 · Paleta cromática
Color primario
Azul Innova.
El azul #1878F0 proviene directamente del logotipo y es la única tinta de marca real. Toda la identidad visual gira alrededor de este color.
COMPANION · SOFT
Blue Soft
#B8D8F8 · fondos claros
COMPANION · INK
Blue Ink
#0A2A56 · texto sobre claro
PRIMARIO
Innova Blue
HEX #1878F0
RGB 24 · 120 · 240
CMYK 90 · 50 · 0 · 6
HSL 213° · 90% · 52%
Pantone 2727 C (aprox.)
HOVER
#3A8FFF
PRESS
#0F5EC8
TINT 10%
#EAF1FB
Innova · Manual de Identidad11 / 29
02 · Paleta cromática
Acentos secundarios
Cada acento tiene un rol semántico claro
DATA · XR · LIVE
Cyan
#00C8F0
RGB 0·200·240 · Pantone 311 C
CREATIVO · MULTIMEDIA
Purple
#6E5BFF
RGB 110·91·255 · Pantone 2725 C
SUCCESS · LIVE
Neon
#5EFFB1
RGB 94·255·177 · solo digital
WARM · EXCEPCIONAL
Coral
#FF6E5A
RGB 255·110·90 · Pantone 170 C
Semánticos · estados del sistema
Success
#1FB877 · bg #E5F8EF
Proyecto publicado
Info
#00C8F0 · bg #E0F7FD
Nueva experiencia XR
Warning
#E89A2B · bg #FFF4E0
Sin guardar
Danger
#E5394F · bg #FCE6E9
Error al subir
Innova · Manual de Identidad12 / 29
02 · Paleta cromática
Escalas de neutros y gradientes
Canvas Light (default)
paper
#FFFFFF
paper-2
#F5F8FE
paper-3
#EAF1FB
line
#DDE6F4
mute
#C5D2E8
Canvas Dark (cinematic)
ink
#060814
deep
#0A1024
surface
#0F1530
raised
#182148
line
#283264
mute
#3B4677
Gradientes de marca
Aurora
Héroes · portadas · secciones destacadas
Blue rise
CTAs · botones destacados
Soft
Fondos suaves · secciones alternadas
Spotlight
Héroes dark · escenas inmersivas
Innova · Manual de Identidad13 / 29
02 · Paleta cromática
Proporción de uso
Regla de distribución cromática
60%
25%
10%
5%
Neutros (blanco, paper)
Azul primario
Cyan
Purple
Superficie neutra dominanteEl 60% de cualquier composición debe ser fondo neutro (blanco o dark). Esto da aire y profesionalismo.
Azul como protagonistaEl 25% de la composición usa el azul de marca. Es el color de CTAs, titulares, íconos y acentos principales.
No saturar con acentosCyan, purple, neon y coral nunca deben superar el 15% combinados. Son puntos de atención, no fondos.
No usar neon/coral como fondosLos colores vibrantes se usan para indicadores, badges y micro-elementos. Nunca como fondo de sección.
Innova · Manual de Identidad14 / 29
03 · Tipografía
Sistema tipográfico
Familia Roboto · la tipografía de Android
DISPLAY · ROBOTO FLEX
Experiencias
inmersivas.
Weight 700–900 · Tracking −2.5% a −3.5% · Leading 0.95
BODY · ROBOTO
Integramos producción audiovisual, realidad inmersiva y desarrollo de software en ecosistemas digitales con propósito.
Weight 400–500 · Tracking normal · Leading 1.5–1.6
MONO · ROBOTO MONO
const mode = 'immersive';
const fps = 90;
// Innova · 2026
Weight 400–600 · Código, tokens, KPIs
Roboto Flex (variable)
Para display/titulares. Variación de peso 300–900 en un solo archivo.
Google Fonts · Gratis
Roboto
Para cuerpo de texto, UI, botones. Pesos 300, 400, 500, 700.
Google Fonts · Gratis
Roboto Mono
Para código, métricas, datos técnicos. Pesos 400, 500, 600.
Google Fonts · Gratis
Eyebrow
— ESTE FORMATO
Roboto 700 · 0.22em · uppercase · con guión prefijo
Innova · Manual de Identidad15 / 29
03 · Tipografía
Jerarquía tipográfica
Escala y aplicación
Display
Inmersión
88–120px · .95
H1
Ecosistemas digitales
48–64px · 1.0
H2
Capacidades de Innova
36–48px · 1.1
H3
Realidad virtual y aumentada
26–28px · 1.2
H4
Plataforma LMS para e-learning
20–22px · 1.3
Lead
Construimos experiencias digitales que transforman la manera en que las personas aprenden y conectan.
18px · 1.5
Body
Integramos producción audiovisual, realidad inmersiva y desarrollo de software en ecosistemas digitales con propósito educativo y social.
15–16px · 1.6
Meta
Actualizado hace 2 días · 4 min de lectura · Bogotá, Colombia
13px · 1.4
Eyebrow
EXPERIENCIAS INMERSIVAS
11–12px · .28em
Innova · Manual de Identidad16 / 29
04 · Elementos gráficos
Motifs visuales
Texturas de marca
Grid wireframe
Líneas a 24px/64px, opacidad 4–8%. Símbolo de "construcción del futuro". Fondos de sección, héroes, slides.
Aurora mesh
3 blobs (blue/cyan/purple) + blur 40–60px. Para hero, manifesto, cierre. Cinematográfico, nunca saturado.
Spotlight + grid
Radial-gradient azul + overlay grid. Para escenas donde el mark o titular debe brillar. Páginas inmersivas y XR.
Innova · Manual de Identidad17 / 29
05 · Iconografía
Lucide Icons
Lucide ·
sistema oficial.
Lucide (lucide.dev) es el sistema de iconografía oficial. Stroke 1.75px, esquinas redondeadas, sin relleno. Encaja con la geometría humanista del wordmark Innova.
ColorHereda currentColor. Usa azul sobre light, blanco o cyan sobre dark.
No usarEmoji, iconos PNG genéricos, FontAwesome, ni íconos dibujados a mano.
box · 3D
grad-cap
cpu
play
arrow-right
globe
zap
users
sparkles
smartphone
VOCABULARIO DE ÍCONOS
VR / 3D: box, glasses
E-learning: graduation-cap
Software: cpu, code
Media: play-circle, film
AI (Nova): sparkles, bot
Marketing: zap, target
Web: globe, monitor
CTA: arrow-right, →
Innova · Manual de Identidad18 / 29
06 · Dirección de arte
Fotografía e imagen
Dirección visual para fotografía e imagery
Cinematográfica
16:9, foco selectivo, mood azul/morado. Luz direccional.
Mockups inmersivos
VR/AR devices, dashboards azules, escenas 3D con luz azul.
Educativa
Personas reales en contexto de aprendizaje. Luz natural, cálida.
UI/UX en contexto
Screenshots de producto en devices. Browser mockups con UI real.
Mood boardCinematográfica, inmersiva. Colores fríos (azul/morado) o neutros con tinte azul.
PersonasReales, diversas, en contexto de trabajo/aprendizaje. Nunca posadas de stock.
TecnologíaDispositivos VR, pantallas con interfaces, aulas con tablets. La tecnología como herramienta, no protagonista.
EvitarFotos stock de handshakes, laptops genéricos, oficinas vacías. Nada que parezca "stock corporativo".
No grain pesadoImágenes limpias. Se permite overlay de grid sutil sobre dark, no filtros retro.
Innova · Manual de Identidad19 / 29
07 · Aplicaciones
Tarjeta de presentación
Frente y reverso · 90 × 50 mm
Ernesto Rodríguez
Director de Proyectos · SCRUM Master
+57 302 461 4515 innovadigital.co
Ecosistemas digitales inmersivos
Innova · Manual de Identidad20 / 29
07 · Aplicaciones
Papelería corporativa
Carta membretada y sobre
Innova Ingeniería Integral S.A.S
Bogotá, 19 de mayo de 2026
Señores
Universidad AUNAR
Asunto: Propuesta de desarrollo — Aula Virtual con Asistente AI
Estimados señores,
Nos permitimos presentar la propuesta para el diseño e implementación del ecosistema de aprendizaje inmersivo solicitado…
+57 302 461 4515 innovadigital.co Colombia
Universidad AUNAR
Departamento de Innovación Educativa
Ibagué, Tolima · Colombia
INNOVA INGENIERÍA INTEGRAL S.A.S · NIT 000.000.000-0 · COLOMBIA
Especificaciones
Carta: Tamaño carta (216 × 279 mm). Logo superior izquierda, pie azul con datos de contacto.
Sobre: DL (110 × 220 mm). Logo superior izquierda, remitente inferior.
Papel: Bond 90g blanco. Impresión full color.
Innova · Manual de Identidad21 / 29
07 · Aplicaciones
Firma de correo electrónico
Formato estandarizado para todo el equipo
De: ernesto@innovadigital.co · Para: cliente@aunar.edu.co
Estimados, adjunto la propuesta técnica del proyecto. Quedo atento a sus comentarios.
Ernesto Rodríguez
Director de Proyectos · SCRUM Master
+57 302 461 4515 innovadigital.co
YouTube @innovaingenieriaintegral5788 IG @innova_ingenieria_integral
@
EstructuraNombre (Roboto 800) + Cargo (azul) + Contacto (mono) + Redes sociales.
Línea superiorFranja azul 2px de la marca como separador visual. Icono cuadrado con logo blanco sobre azul.
No personalizarNo agregar frases, quotes, colores ni banners no autorizados a la firma.
Innova · Manual de Identidad22 / 29
07 · Aplicaciones
Redes sociales
Perfiles, avatares y banners
INSTAGRAM
innova_ingenieria_integral
Innova Digital · Ecosistemas inmersivos
YOUTUBE
Innova Ingeniería Integral
@innovaingenieriaintegral5788
Avatar
Isotipo blanco sobre círculo azul #1878F0. Exportar 400×400px PNG.
Banner YouTube
2560×1440px. Gradiente aurora + grid wireframe + logo blanco centrado.
Posts IG
1080×1080px. Alternar fondos dark y light. Tipografía Roboto Flex 700+. Grid overlay sutil.
Facebook cover
820×312px. Misma línea del banner de YouTube adaptado al formato.
Innova · Manual de Identidad23 / 29
07 · Aplicaciones
Presentaciones
Templates de slides 16:9
Diseñamos
experiencias
digitales.
01 / 06
01
Sobre
nosotros.
— Servicios
Todo lo digital,
bajo un mismo techo.
3D Web · VR
E-learning
Software
Audiovisual
EQUIPO
Equipo inter-
disciplinario.
Aula virtual con asistente AI integrado.
¿Hablemos?
innovadigital.co · +57 302 461 4515
Innova · Manual de Identidad24 / 29
07 · Aplicaciones
Merchandising
Objetos promocionales
Ecosistemas inmersivos
Camiseta
Logo blanco sobre negro o azul. Tagline en Roboto Mono.
Mug / taza
Logo blanco sobre fondo azul de marca. Cerámica 11oz.
Libreta
Logo blanco sobre tapa navy + grid wireframe sutil.
Innova · Manual de Identidad25 / 29
07 · Aplicaciones
Señalética y espacios
Presencia física de la marca
Innovación digital inmersiva
Letrero de fachada
Logo retroiluminado + tagline. Fondo navy. Acrílico + LED blanco.
Experiencias
digitales
inmersivas.
innovadigital.co
+57 302 461 4515
Roll-up 85×200cm
Aurora + grid + logo blanco
Señalización interior
Sala de reuniones
Lab XR
Puerta / sala: Fondo blanco, borde azul 2px, logo + nombre. Alternativamente: fondo azul con ícono blanco.
Material: Acrílico 3mm o vinilo. Tamaño: 200×150mm.
Iconos: Lucide 1.75 stroke, color blanco sobre azul o azul sobre blanco.
Innova · Manual de Identidad26 / 29
07 · Aplicaciones
Aplicaciones digitales
Website, aula virtual y app
innovadigital.co
Diseñamos
experiencias
digitales.
Hablemos →
Demo reel
aula.innovadigital.co
Mis cursos
VIAL
Seguridad Vial
OVA
Objetos Virtuales
Nova AI · ¿En qué puedo ayudarte?
Website
Nav sticky + blur. Hero dark con aurora mesh. Cards light. Footer dark.
Aula virtual
Moodle con tema light. Cards de cursos con tags mono. Nova AI en panel dark inferior.
Favicon
Solo isotipo blanco sobre azul #1878F0. 32×32px y 180×180px (Apple touch).
OG Image
1200×630px. Dark con aurora, logo blanco centrado + tagline.
Innova · Manual de Identidad27 / 29
08 · Voz y tono
Cómo habla la marca
Reglas editoriales
Persona
Nosotros hablando a (informal). Profesional cercano. Nunca institucional gubernamental.
✓ SÍ
"Diseñamos experiencias digitales inmersivas."
"Todo lo digital, bajo un mismo techo."
"¿En qué te podemos ayudar?"
"Aula virtual con asistente AI."
✕ NO
"Somos empresa líder en soluciones integrales…"
"Nuestro portafolio incluye software, hosting…"
"Sinergia y valor agregado para potenciar…"
"Se pone a su disposición…"
Casing
Títulos en sentence case. Eyebrows en MAYÚSCULAS. Numeración 01 · 02 · 03.
Longitud
Máximo 18 palabras por frase. Frases cortas y aspiracionales. Nunca sobreexplicar.
Separadores
Mid-dot · como separador. Flecha → para CTAs. Sin emoji en superficies oficiales.
VOCABULARIO PROPIO
experiencia multimedia inmersiva ecosistema aprendizaje animación interactividad interdisciplinario OVA REDA
EVITAR
sinergia potenciar valor agregado empresa líder se pone a disposición
Innova · Manual de Identidad28 / 29
Innova
La identidad es
el primer producto.
Este manual es un documento vivo. Cada nueva aplicación, producto o pieza de comunicación debe reflejar estos principios.
+57 302 461 4515 innovadigital.co
YouTube @innovaingenieriaintegral5788 IG @innova_ingenieria_integral
© 2026 Innova Ingeniería Integral S.A.S · Todos los derechos reservados
29 / 29