Page 1

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

Manual&identidadcorporativa gobenlinea  

Manual&identidadcorporativa gobenlinea