Presentado por
Portada Logotipo Paletas de Color Firmas de Correo Presentación Hoja Membretada
Manual de Identidad Visual
Brand Guidelines

Manual de
Identidad Visual

Sys Integrations
Cliente
Sys Integrations
Agencia
AR Media
Versión
V1.0 · 2026
Sección 02

Paletas de Color

5 propuestas de paleta de color para Sys Integrations. Cada paleta incluye colores primarios, secundarios, acento y fondos, con reglas claras de uso del logo sobre cada combinación.

02
01
Azul Corporativo
Confianza · Tecnología · Profesionalismo
Primario
Azul Real
#003087
Secundario
Azul Corporativo
#0057B8
Acento
Azul Cielo
#00AEEF
Fondo Claro
Azul Hielo
#E8F1FB
Oscuro
Azul Noche
#001A4D
Uso del Logo · Fondos de la Paleta
Logo azul primario sobre blanco
Logo azul sobre fondo hielo
Logo blanco sobre azul primario
Logo acento sobre azul noche
✅ Uso Correcto
Logo negro o azul primario sobre fondo blanco o hielo
Logo blanco sobre fondos azul primario u oscuro
Logo acento (#00AEEF) solo sobre fondos muy oscuros
❌ Uso Incorrecto
Logo azul cielo sobre fondo blanco (bajo contraste)
Logo azul primario sobre fondo azul noche (se pierde)
Aplicar efectos, sombras o brillos sobre el logo

02
Industrial
Solidez · Ingeniería · Precisión
Primario
Hierro Forjado
#1C1C1E
Secundario
Acero
#4A4A4A
Acento
Rojo Industrial
#E63329
Neutro
Aluminio
#B0B0B0
Fondo
Concreto
#F2F0EC
Uso del Logo · Fondos de la Paleta
Logo hierro sobre fondo concreto
Logo blanco sobre hierro forjado
Logo blanco sobre rojo acento
Logo claro sobre aluminio (bajo contraste)
✅ Uso Correcto
Logo negro/hierro sobre fondos claros (concreto, blanco)
Logo blanco sobre hierro forjado o rojo industrial
Aluminio solo como fondo de apoyo con logo negro
❌ Uso Incorrecto
Logo claro sobre fondo aluminio (ilegible)
Rojo en más del 20% del área visual
Combinar rojo industrial con azul (choque visual)

03
Verde Sostenible
Sustentabilidad · Innovación · Futuro
Primario
Verde Bosque
#1B5E20
Secundario
Verde Corporativo
#2E7D32
Acento
Verde Hoja
#66BB6A
Fondo Claro
Verde Menta
#E8F5E9
Oscuro
Verde Profundo
#0D2A0F
Uso del Logo · Fondos de la Paleta
Logo verde bosque sobre blanco
Logo verde sobre fondo menta
Logo hoja sobre verde profundo
Logo claro sobre verde hoja (bajo contraste)
✅ Uso Correcto
Logo verde bosque o negro sobre fondos muy claros
Logo blanco o verde hoja sobre verde profundo
Verde hoja solo como tono de apoyo gráfico
❌ Uso Incorrecto
Logo verde hoja sobre fondo verde menta (sin contraste)
Mezclar con rojos o naranjas
Verde profundo como fondo con logo negro (ilegible)

04
Naranja Construcción
Energía · Acción · Obra
Primario
Naranja Obra
#E65100
Secundario
Naranja Activo
#FF6D00
Acento
Amarillo Señal
#FFB300
Oscuro
Carbón
#212121
Fondo
Arena
#FFF3E0
Uso del Logo · Fondos de la Paleta
Logo carbón sobre fondo arena
Logo blanco sobre naranja obra
Logo naranja activo sobre carbón
Logo blanco sobre amarillo señal (ilegible)
✅ Uso Correcto
Logo negro/carbón sobre fondo arena o blanco
Logo blanco sobre naranja obra
Amarillo señal solo como detalle, nunca fondo del logo
❌ Uso Incorrecto
Logo sobre fondo amarillo señal (contraste insuficiente)
Logo naranja sobre fondo naranja activo
Mezclar con azules o verdes fríos

05
Elegante · Negro & Oro
Lujo · Excelencia · Alta Ingeniería
Primario
Negro Profundo
#0A0A0A
Oro
Oro Clásico
#C9A84C
Acento
Oro Pálido
#F0D080
Oscuro
Grafito Premium
#1A1A1A
Fondo
Marfil
#F8F6F0
Uso del Logo · Fondos de la Paleta
Logo negro sobre marfil
Logo oro clásico sobre negro — SIGNATURE ⭐
Logo oro pálido sobre grafito premium
Logo negro sobre oro (piezas especiales)
✅ Uso Correcto
Logo negro sobre marfil: la combinación más limpia
Logo oro clásico sobre negro profundo: combinación SIGNATURE
Fondo oro solo para piezas de alto valor (premios, portadas)
❌ Uso Incorrecto
Logo blanco sobre negro (pierde la exclusividad del oro)
Mezclar con cualquier color saturado
Logo oro pálido sobre blanco (contraste insuficiente)
Sección 03

Firmas de Correo Electrónico

Propuestas de diseño para la firma corporativa de correo electrónico de Sys Integrations. Dimensiones optimizadas para visualización en clientes de correo.

03
✉️
Especificaciones técnicas
Las firmas de correo se diseñan en formato horizontal optimizado para clientes como Outlook, Gmail y Apple Mail. Se entrega la firma en HTML + imagen de respaldo.
Ancho máx: 600px Formato: HTML + PNG Compatible: Outlook / Gmail / Apple Mail 2 propuestas
Firma A
600px ancho
Firma correo A
Firma B
600px ancho
Firma correo B
Sección 06

Propuestas de Presentación

Propuestas de diseño para la plantilla de presentación corporativa de Sys Integrations. Varios formatos.

06
📊
Especificaciones técnicas
Cada propuesta incluye una vista de la diapositiva de portada y una diapositiva de contenido para evaluar la consistencia del sistema de diseño.
Vista: Portada + Contenido 2 propuestas
Propuesta A
Portada
Presentación A portada
Diapositiva de contenido
Presentación A contenido
Propuesta B
Portada
Presentación B portada
Diapositiva de contenido
Presentación B contenido
Sección 05

Hoja Membretada

Propuestas de diseño para la hoja membretada oficial de Sys Integrations. Formato carta (8.5" × 11"). Se presentan 4 variantes de diseño para revisión del cliente.

05
📄
Especificaciones técnicas
Cada propuesta respeta el formato carta estándar con zonas definidas para encabezado, cuerpo de texto y pie de página. El logo y la paleta de color seleccionada se aplican de forma consistente en cada diseño.
Formato: Carta 8.5" × 11" Resolución: 300 dpi Archivos: PDF + DOCX 5 propuestas
Propuesta A
Hoja Carta
Hoja membretada propuesta A
Propuesta B
Hoja Carta
Hoja membretada propuesta B
Propuesta C
Hoja Carta
Hoja membretada propuesta C
Propuesta D
Hoja Carta
Hoja membretada propuesta D
Propuesta E
Hoja Carta
Hoja membretada propuesta E
Reglas Universales

Lo que nunca debe cambiar

Independientemente de la paleta o aplicación elegida, estas reglas protegen la integridad del logo en todos los contextos.

⬜ Zona de Respiro

Área libre mínima equivalente a la altura del símbolo central. No colocar texto ni elementos en esa zona.

📐 Proporciones

Nunca deformar, estirar o comprimir. Si el espacio es insuficiente, reducir el tamaño completo.

🎨 Solo 1 Color

El logo es monocromático. No aplicar degradados, bicolores, contornos ni versiones multicolor.

🚫 Sin Efectos

Prohibido aplicar sombras, brillos, relieves, texturas o cualquier efecto visual sobre el logo.

🔲 Contraste 4.5:1

Toda versión debe cumplir ratio mínimo WCAG AA. Nunca usar sobre fondos de baja legibilidad.

✂️ Sin Recortes

El logo nunca debe quedar cortado. Siempre visible completo: símbolo y tipografía.