en linea
MANUAL DE IDENTIDAD CORPORATIVA
MANUAL DE IDENTIDAD CORPORATIVA
El presente manual de identidad corporativa, contiene los lineamientos visuales del producto Gobenlinea, com un sistema que asegura el correcto manejo tĂŠcnico del logotipo.
www.gobenlinea.com - www.sisfo.com
LINEAMIENTO VISUAL Ÿ Racional Ÿ Contrucción del logotipo Ÿ Zona de protección y tamaño minimo Ÿ Códigos de color Ÿ Monocromía Negro Ÿ Monocromía colores corporativas Ÿ Escala de grises Ÿ Fondos Ÿ Tipografía corporativa Ÿ Usos incorrectos
www.gobenlinea.com - www.sisfo.com
RACIONAL
en linea Gob en linea, es el nuevo producto de la marca Sisfo Consultoría Informática. Nuestro gestor de contenidos SisfoCMS, con módulos adicionales específicamente diseñados y orientados para que las entidades del estado implanten los ítems de obligatorio cumplimiento en el decreto 1158 del 2008. La creación del logotipo de este producto esta inspirado en la marca de Sisfo, y respetando la monocromiá de colores que se implementa en este. Este manual es un documento de carácter normativo que presentará, describirá y explicará los signos que definen nuestra identidad corporativa.
Este manual debe ser consultado por todos aquellos profesionales que tengan la responsabilidad de aplicar la imagen de Gob en linea. Las piezas no definidas en este manual se realizarán respetando los criterios generales y el estilo marcados por éste.
www.gobenlinea.com - www.sisfo.com
CONSTRUCCIÓN DEL LOGOTIPO Para elaborar el diseño del logotipo se han utilizado tres elementos gráficos: Ÿ Circunferencia Ÿ Rectángulo Ÿ Cuadrado redondeado La forma base de la que se ha partido para crear las letras ha sido la circunferencia. A la cual se le ha asignado un grosor específico en el borde, dando lugar a la primera letra, la “o”. A partir de esta “o” y con esta forma circular de base, se han ido formando el resto de las letras, las cuales han tenido que ser modificadas y combinadas con una forma rectangular para crear los trazos de la “g” y la “b”.
x 2 > Base del diseño a partir de la primera circunferencia. El espacio entre las circunferencias es 3x/12, tomando a “x” como unidad de medida en la altura de dichas circunferencias. Para formar la letra “g”, se tiene como base un cuadro redondeado tomando como media “x”
La forma basica para crear la placa es un cuadrado redondeado, en donde se colocan las letras, del logotipo
1 > Formas de construcción básicas.
3 > Cortes específicos, en el centro de cada circuferencia, tomando las misma reduciendolas: 60% para formar la letra “g”, a 85% para formar la letra “o”, y al 91% para formar la letra “b” .
www.gobenlinea.com - www.sisfo.com
CONSTRUCCIÓN DEL LOGOTIPO
4 > Cortes específicos: en el rectangulo que esta formando la letra “g”, con respecto a la altura “x” se realiza un corte con un rectacgulo con la altura 1/4 x y de ancho de respecto a la figura. Se agrega un rectangulo y se combina con la circurferencia para formar la letra “b” .
5 > Se agrega un rectagulo en la figura que esta formando la letra “g”, debajo en donde anteriormente se realizo el corte, el rectacgulo posee un 1/4 x de alto y 2/4 x de ancho, y se combinan las piezas. Una vez combinas se agrega otro rectangulo para formar definitivamente la letra “g”, y se realiza un corte de 55°.
en linea www.gobenlinea.com - www.sisfo.com
CONSTRUCCIÓN DEL LOGOTIPO
1 > Se crea un cuadrado redondeado con las siguientes medidas: 4x + 1/6x de acho, 6x + 1/2X de alto. Luego de haber creado la figura que va a servir como base de se inclinan los 4 lados del cuadro de la siguente manera: 11.2° izquierda, 86° arriba, 171.1° derecha y 93.3° abajo.
1 > Se crea una copia de la figura, y se redimensiona al 59.1% y se alinea en el centro de la figura anterior, para obtener la placa definitiva.
en linea www.gobenlinea.com - www.sisfo.com
ZONA PROTECCIÓN Y TAMAÑO MINIMO Fig. 1 5x (1/3x)
4x 2x + (1/4x)
en linea 4x
Fig. 2 en linea
3cm
La fusión de los elemenos, del logotipo no se han hecho de forma aleatoria, se ha buscado alcanzar una proporción sólida y armónica. Tomaremos como punto de referencia X, el alto de la circuferencia, como se muestra en la figura 1. El tamaño minimo del logo es de 3cm, para tener legibilidad del nombre en casos de se requiere el logo en la menor proporción.
www.gobenlinea.com - www.sisfo.com
CÓDIGO DE COLORES Muestra
Pantone
CMYK
RGB
PANTONE Black C
C: 100 M: 100 Y: 100 K: 100
R: 0 G: 0 B: 0
PANTONE 1645 C
C: 0 M: 72 Y: 100 K: 0
R: 0 G: 0 B: 0
White
C: 0 M: 0 Y: 0 K: 0
R: 255 G: 255 B: 255
PANTONE 538 C
C: 14 M: 11 Y: 11 K: 0
R: 217 G: 217 B: 217
PANTONE 116 C
C: 5 M: 16 Y: 100 K: 0
R: 243 G: 206 B: 45
PANTONE 715 C
C: 7 M: 56 Y: 100 K: 0
R: 232 G: 138 B: 55
Los colores Pantone y Cuatricromía están dentro del sector de las artes gráficas. El color RGB es el standard para cualquier tipo de pantalla. No se debe emplear ningún otro color que no sean los colores corporativos.
www.gobenlinea.com - www.sisfo.com
MONOCROMÍA NEGRO Monocromía en positivo
en linea
Monocromía en negativo
en linea
www.gobenlinea.com - www.sisfo.com
MONOCROMĂ?A COLORES CORPORATIVOS
en linea
en linea
en linea
en linea
en linea
en linea
en linea
en linea
en linea
en linea
www.gobenlinea.com - www.sisfo.com
MONOCROMĂ?A COLORES CORPORATIVOS
20 % negro
40 % negro
60 % negro
en linea
80 % negro
60 % negro
80 % negro
30 % negro
www.gobenlinea.com - www.sisfo.com
TIPOGRAFIA CORPORATIVA
La tipografía que se usará para texto en linea , será la fuente Dustismo
ABC abc ABC abc
DOMESTIC A C D E F G H I J K L M N Ñ O P Q R S T U V W X YZ a b c d e f g h i j k l m n ñ o p q r s t uv w x y z 123467890 ()=,.;:¡°!””#$/<>{}¨´+*-
www.gobenlinea.com - www.sisfo.com
El uso incorrecto del logopito puede ser para el sistema de identidad visual de puntoexe, aqu铆 se mostran algunos ejemplos de casos que no se deben de usar. 1. Modificaci贸n de tipograf铆a. 2. Cambio arbitrario de color diferente al estipulado.
USOS INCORRECTOS
Gob en linea
en linea
3 & 4. Alargar el logotipo vertical / horizontal sin respectar sus proporciones. 5. Movimiento arbitrario del simbolo.
en linea
en linea
6. Utilizar algun tipo de sombra o degrade para resaltar el logo. 7. Agregar elemetos al logo. 8. Rotaci贸n arbitraria del logo
en linea
en
lin ea
en linea
en linea
www.gobenlinea.com - www.sisfo.com