Vous êtes sur la page 1sur 40

GUÍA SISTEMA GRÁFICO

Bogotá D.C., Agosto 13 2018


GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

TABLA DE CONTENIDO

1. Objetivo
2. Alcance
3. Términos y definiciones
4. Cuerpo del Documento
5. Marco Legal
6. Requisitos Técnicos
7. Documentos Asociados
8. Responsable del Documento
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

1. Objetivo
Impartir directrices de identidad visual y uso de la imagen consolidada y unificada desde Presidencia
hacia todas las entidades públicas del orden nacional.

2. Alcance
Esta guía de imagen la deben seguir todas las entidades públicas del orden nacional.

3. Términos y Definiciones
Un identificador corporativo o marca gráfica es un signo visual de cualquier tipo cuya función
específica es la de individualizar a una entidad. Posee la misma función que el nombre propio de ésta.
Sirve para indicar el emisor, propiedad o autoría.
Identificador Primario:
El Logotipo: El logotipo es la forma gráfica estable y explícita del principal identificador
de toda institución, osea su nombre. Prácticamente no existen organizaciones que
carezcan de éste.
El Símbolo: Es un signo visual encargado de representar a la entidad. Cumple la función
de firma al igual que el logotipo. Este puede usarse en conjunto como separado de su
logotipo.
Es común la fórmula “logotipo + símbolo” para la representación verbal y no verbal de
una marca.
Identificadores Secundarios:
Son aquellos que no poseen la entidad suficiente para independizarse de los anteriores. Pueden
identificar a la entidad con gran eficacia pero no cumplen la función de firma. Estos se dividen en
dos grandes grupos: Lo gráfico y lo cromático.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

4. Cuerpo del Documento


4.5 Aplicaciones visuales
4.1 Identificadores Primarios
Aviso
Logotipo
Valla
Símbolo
Pendón
Paleta de Color
Backing
Tipografía Institucional
Cierre para spot de TV
4.3 Normatividad
Aplicaciones Digitales
Área de Seguridad
4.6 Identificadores Ministerios - Entidades
Mandatorio
Gobierno de Colombia
Blanco y Negro
Ministerios
Usos incorrectos
4.4 Co-Branding
Formatos Horizontales
Formatos Verticales
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

5. Marco Legal

Impartir directrices de identidad visual y uso de la imagen consolidada y unificada desde Presidencia
hacia todas las entidades públicas del orden nacional. La presente guía se expide en desarrollo de las
funciones de la Alta Consejería Presidencial para las Comunicaciones consagradas en el artículo 17 del
Decreto 672 de 2017, en particular 1. Asesorar al Presidente de la República, al Departamento
Administrativo de la Presidencia de la República, los ministerios y departamentos administrativos, en
el diseño de la estrategia integral de comunicaciones y sus contenidos y coordinar el seguimiento y
evaluación de los mismos. 2. Impartir las directrices para el diseño de la estrategia de comunicaciones
y de sus contenidos, del Presidente de la República, el Departamento Administrativo de la Presidencia
de la República y el Gobierno Nacional, a nivel nacional e internacional.

6. Requisitos Técnicos
Norma Técnica de Calidad ISO 9001:2015, Numeral 7.5.3 “Control de la información documentada”
y el 8.2.1 “Comunicación con el cliente” literal a.

7. Documentos Asociados
Procedimiento P-AU-04 Procedimiento Campañas Publicitarias.
En el marco de los lineamientos establecidos en la Directiva 01 del 10 de febrero de 2016, todas las
campañas o piezas de comunicación offline y online que realicen las entidades de la rama Ejecutiva,
independientemente de los recursos con los cuales se financien, deben ser presentadas antes de
iniciar procesos de producción, ante el despacho del Alto Consejero Presidencial de Comunicaciones,
para su estudio y aprobación. Para realizar este proceso está SAMI (Sistema de Administración de
Mensajes Institucionales) es una plataforma digital y único canal por donde se reciben solicitudes de
revisión y aprobación.

8. Responsable del Documento


Alto Consejero Presidencial para las Comunicaciones
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

IDENTIFICADORES PRIMARIOS
Logotipos

Los logotipo esta construido


con la tipografía
Montserrat – Regular y usa
un elemento de unión que
es el escudo.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

IDENTIFICADORES PRIMARIOS
Tipografía

MONSERRAT REGULAR

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
Abcdefghijklmnopqrstuvwxyz
1234567890!”.$%&/()=?¿

MONSERRAT SEMIBOLD

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
Abcdefghijklmnopqrstuvwxyz
1234567890!”.$%&/()=?¿
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

IDENTIFICADORES PRIMARIOS
Paletas de Color
89
58
17
6
#20427f

4
74
66
0
#f54336

88
16
0
0
#2296f3
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

NORMATIVIDAD
Áreas de seguridad

S
S S Cada logo tendrá un área
de seguridad determinada
S por la letra “S” en en caso
de Presidencia y letra “N”
N en el caso de Gobierno y
Vicepresidencia para dejar
los espacios libres
N N necesarios y tener un canon
de medida establecido para
N mantener la armonía y
unificación.
N
N N
N
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

NORMATIVIDAD
Mandatorio

El logo es un conjunto de
elementos y no puede
separarse en ninguna
aplicación.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

NORMATIVIDAD
Blanco y negro
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

NORMATIVIDAD
Usos incorrectos

El logotipo no debe cambiar su orientación, no puede ser deformado


ni puede cambiar su orden o diagramación.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Un Ministerio

N N
N NN N
N N

El logo de Gobierno de Colombia debe ir a la izquierda del logo del


Ministerio y debe estar separados por dos letras “N” de la palabra
Gobierno.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Un Ministerio

El logo de Gobierno de Colombia debe ir a la izquierda del logo del


Ministerio y debe estar separados por dos letras “N” de la palabra
Gobierno.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Un Ministerio y una entidad

N N
N NN NN N
N N

El logo de Gobierno de Colombia debe ir a la izquierda, después el logo del ministerio y


por último el logo de la entidad. Los logos deben estar separados por dos letras “N” de
la palabra Gobierno. El espacio contenedor para el logo de la entidad parte de la
medida del diámetro del círculo exterior que enmarca el escudo, repetido tres veces.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Un Ministerio y una entidad

El logo de Gobierno de Colombia debe ir a la izquierda, después el logo del ministerio y


por último el logo de la entidad. Los logos deben estar separados por dos letras “N” de
la palabra Gobierno. El espacio contenedor para el logo de la entidad parte de la
medida del diámetro del círculo exterior que enmarca el escudo, repetido tres veces.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Dos Ministerios

N N N
N NN NN N
N N N

El logo de Gobierno de Colombia debe ir a la izquierda, después los logos de


los ministerios. Los logos deben estar separados por dos letras “N” de la
palabra Gobierno.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Dos Ministerios

El logo de Gobierno de Colombia debe ir a la izquierda, después los logos de


los ministerios. Los logos deben estar separados por dos letras “N” de la
palabra Gobierno.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Un Ministerio y dos entidades

N N
N NN NN NN N
N N

El logo de Gobierno de Colombia debe ir a la izquierda, después el logo del ministerio y


por último los logos de las entidades. Los logos deben estar separados por dos letras
“N” de la palabra Gobierno. El espacio contenedor para el logo de la entidad parte de la
medida del diámetro del círculo exterior que enmarca el escudo, repetido tres veces.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Un Ministerio y dos entidades

El logo de Gobierno de Colombia debe ir a la izquierda, después el logo del ministerio y


por último los logos de las entidades. Los logos deben estar separados por dos letras
“N” de la palabra Gobierno. El espacio contenedor para el logo de la entidad parte de la
medida del diámetro del círculo exterior que enmarca el escudo, repetido tres veces.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS HORIZONTALES


Ubicación de logos ejemplos

Gobierno de Ministerio 1 Entidad 1 Entidad 2 1 Ministerio 2 entidades


Colombia

Gobierno de Ministerio 1 Ministerio 2 2 Ministerios 2 entidades


Colombia
Entidad 1 Entidad 2

Gobierno de Ministerio 1 Ministerio 2 2 Ministerios 4 entidades


Colombia
Entidad 1 Entidad 2 Entidad 3 Entidad 4
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Un Ministerio

N
N
N
N

El logo de Gobierno de Colombia debe ir arriba del logo del Ministerio y debe estar
separados por dos letras “N” de la palabra Gobierno. El logo del Ministerio debe ir
alineado a la izquierda con respecto al logo de Gobierno de Colombia
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Un Ministerio

El logo de Gobierno de Colombia debe ir arriba del logo del Ministerio y debe estar
separados por dos letras “N” de la palabra Gobierno. El logo del Ministerio debe ir
alineado a la izquierda con respecto al logo de Gobierno de Colombia
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Un Ministerio y una entidad

N N
N
N N
N N

N N
N

El logo de Gobierno de Colombia debe ir arriba, debajo logo del Ministerio y debajo el
logo de la entidad. Deben estar separados por dos letras “N” de la palabra Gobierno. Los
logos debe ir alineados a la izquierda. El espacio contenedor para el logo de la entidad,
parte de la medida del diámetro del círculo exterior que enmarca el escudo, repetido
tres veces.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Un Ministerio y una entidad

El logo de Gobierno de Colombia debe ir arriba, debajo logo del Ministerio y debajo el
logo de la entidad. Deben estar separados por dos letras “N” de la palabra Gobierno. Los
logos debe ir alineados a la izquierda. El espacio contenedor para el logo de la entidad,
parte de la medida del diámetro del círculo exterior que enmarca el escudo, repetido
tres veces.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Dos Ministerios

N
N
N
N
N
N
N
N
N

El logo de Gobierno de Colombia debe ir arriba, debajo logos de


los Ministerios. Deben estar separados por dos letras “N” de la
palabra Gobierno. Los logos debe ir alineados a la izquierda.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Dos Ministerios

El logo de Gobierno de Colombia debe ir arriba, debajo logos de


los Ministerios. Deben estar separados por dos letras “N” de la
palabra Gobierno. Los logos debe ir alineados a la izquierda.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Un Ministerio y dos entidades

N N
N
N N
N N

N N
N N
NN z

El logo de Gobierno de Colombia debe ir arriba, debajo logo del Ministerio ambos
alineados a la izquierda. Debajo los logos de las entidades. Deben estar separados por
dos letras “N” de la palabra Gobierno. Los logos de entidades deben ir centrados. El
espacio contenedor para el logo de la entidad, parte de la medida del diámetro del
círculo exterior que enmarca el escudo, repetido tres veces.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Un Ministerio y dos entidades

El logo de Gobierno de Colombia debe ir arriba, debajo logos de


los Ministerios. Deben estar separados por dos letras “N” de la
palabra Gobierno. Los logos debe ir alineados a la izquierda.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

CO-BRANDING FORMATOS VERTICALES


Ubicación de logos ejemplos

Gobierno de Gobierno de
Colombia Colombia
Ministerio 1 Ministerio 1

Ministerio 2 Ministerio 2

Entidad 1 Entidad 2 Entidad 1 Entidad 2 Entidad 3

2 Ministerios 2 entidades 2 Ministerios 3 entidades


GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

APLICACIONES VISUALES Lorem ipsum dolor


Aviso sit amet, consectetuer.
‘ainb’ipk JGHJRAH TJH;IOAEJH EAJH
IAJTHI;J A;IO vai; biahbi hbioa;hbi;afhb;
.

La pata de reserva blanca debe


ocupar el diámetro del círculo
exterior que enmarca el escudo
más el diámetro del círculo
interior.
Los logos deben estar alineados
con el centro del aviso.

NN N
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

APLICACIONES VISUALES Lorem ipsum dolor


Aviso sit amet, consectetuer.
‘ainb’ipk JGHJRAH TJH;IOAEJH EAJH
IAJTHI;J A;IO vai; biahbi hbioa;hbi;afhb;
.

La pata de reserva blanca debe


ocupar el diámetro del círculo
exterior que enmarca el escudo
más el diámetro del círculo
interior.
Los logos deben estar alineados
con el centro del aviso.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

APLICACIONES VISUALES
Valla

Lorem ipsum dolor


sit amet, consectetuer.

Se recomienda que en la valla no lleve más de 5 ó 6 palabras para que sea


efectiva su lectura.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

APLICACIONES VISUALES
Pendón

Lorem ipsum
dolor
sit amet,
consectetuer.

REGLA: Cuando el pendón


está a la altura del piso, el
Logo va en la parte superior.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

APLICACIONES VISUALES
Cierre TV

Se debe usar el logo de Gobierno de Colombia y debajo el logo de la entidad


alineados a la izquierda sobre fondo blanco, tanto para pauta paga como para
código cívico / mensajes institucionales ANTV.
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

APLICACIONES VISUALES
Cierre TV

Se debe usar el logo de Gobierno de Colombia y debajo el logo del ministerio y


debajo el de la entidad alineados a la izquierda sobre fondo blanco, tanto para
pauta paga como para código cívico / mensajes institucionales ANTV
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

APLICACIONES VISUALES
Firma mail
GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

APLICACIONES VISUALES
Cabezote WEB Ministerios
Identificadores Visuales GUÍA SISTEMA GRÁFICO

Proceso asociado: Gestión de Seguridad, Apoyo Logístico, Comunicación y Prensa. Código: G-SA-01 / Versión 08

Ministerios
91
93
4
6
0
42
0
1
#20427f
#009687
21
71
81
1
36
77
8
0
#b52c57
#4caf4f
79
45
56
5
0
75
0
0
#3f51b5
#8bc44a
19
60
5
30
80
24
1
8
#cddd39
#607d8b
90
3
0
40
6
94
0
0 #01bcd5
#ff9802

2 3
66 23
80 95
0 0
#ff5723 #ffc108

63 39
72 84
0 0
0 0
#663ab7 #9b28b0

92
37
32
40
45
50
18
20
#806751 #9585d

Vous aimerez peut-être aussi