PERFIL DE LA FSCA. Esperamos que los lineamientos de este Manual se conviertan en un instrumento de ayuda y guía en su labor de diseño editorial.

Transcripción

1 Manual de marca

2 PERFIL DE LA FSCA La Fundación Saldarriaga Concha hace un esfuerzo constante para divulgar información y compartir el conocimiento adquirido durante más de cuatro décadas, como contribución para transformar a Colombia en una sociedad para todos. Fruto de este trabajo, hemos desarrollado una amplia gama de publicaciones impresas y digitales, que contemplan desde libros que presentan resultados de investigación, cartillas de formación, manuales prácticos, informes de gestión, hasta plegables, documentación técnica de proyectos, entre muchos otros. Para evaluar los contenidos de estas obras, contamos con un comité editorial que permite que la Fundación tenga contenidos actualizados, pertinentes, de la mejor calidad y con una identidad propia. En ese marco, hemos desarrollado este Manual de Estilo Gráfico de publicaciones, que pretende orientar a los editores y diseñadores suministrando una guía práctica que les facilite su trabajo, de modo que el producto final permita la libertad creativa para el diseño de las piezas, pero manteniendo la identidad y el sello que buscamos en las publicaciones digitales o impresas de la Fundación Saldarriaga Concha. Esperamos que los lineamientos de este Manual se conviertan en un instrumento de ayuda y guía en su labor de diseño editorial.

3 LOGOTIPO El logotipo consiste en el nombre de la Fundación Saldarriaga Concha en una tipografía palo seco, que le da modernidad y versatilidad a la marca.

4 ISOTIPO El isotipo se mantiene en su forma y construcción orginal, con la única variación del grosor de sus elementos para darle más fuerza y composición de los colores para darle contraste y presencia a la marca. Tal como se planteó el isotipo orginalmente, representa: trabajo en red, humanista y protección.

5 LOGOTIPO CORTO Consiste en una aplicación del logotipo en donde solo se manejan las iniciales de la marca y el isotipo como protagonista. Esta aplicación es ideal para su uso en conjunto con apellidos y nombres o marcas de proyectos de la Fundación.

6 CONSTRUCCIÓN BÁSICA DE LA MARCA

7 Construcción básica marca principal Área de reserva, marca principal CONSTRUCCIÓN BÁSICA Y ÁREA DE RESERVA Construcción básica marca aplicación corta Área de reserva, marca aplicación corta Versión en negro Para ambas aplicaciones de la marca, es importante tener en cuenta los espacios básicos con los que fueron construídos y su área de reserva, la cual cuida y asegura que la marca no se vea intervenida por factores externos al momento de su aplicación. Los espacios principales están siempre determinados por la proporción del cículo que representa la cabeza del personaje del isotipo

8 5,2 cm 1,6 cm CONTROL DE PROPORCIÓN Límite de legibilidad 3,6 cm 1 cm Límite de legibilidad 2,8 cm 0,8 cm A través de este control se determina los mínimos legibles para impresos de la Marca Combinada y marca aplicación corta, estableciendo de esta manera las medidas de ancho de esos casos.

9 Marca combinada principal original inalterable Marca combinada aplicación corta APLICACIONES Y/O COMBINACIÓN PERMITIDAS Y NO PERMITIDAS No aplicativo No aplicativo Son todas aquellas aplicaciones que por regimiento o lineamientos de la Marca Combinada, pueden o no ser usadas y aplicadas en ciertas formas. Se determina que la aplicación de la marca combinada principal y la marca combinada corta siempre debe estar unida logotipo al isotipo, no es permitido su separación. No aplicativo No aplicativo Se determina estos ejemplos anteriores no funcionales en cambio de ubicación en la marca combinada ya que altera el concepto de la creación de la misma. EL ISOTIPO El isotipo se puede usar solo de manera decorativa sin el logotipo, unicamente en ocasiones donde la marca tenga mayor presencia.

10 C. 0 M. 70 Y. 100 K. 0 C. 100 M. 0 Y. 15 K. 27 C. 0 M. 0 Y. 0 K. 30 COLORES R. 243 G. 112 B.33 #f36f21 R. 0 G. 136 B.167 #0088a7 R. 188 G. 190 B. 192 #bbbdc0 La marca cuenta con 4 colores, estos deben ser usados siempre como principales y no deben ser alterados por ningún motivo. Pantone 158C Pantone 3135C Pantone Cool Gray 4C Sin embargo, se establecieron colores complementarios adiconales para su uso en piezas y publicaciones internas y externas.

11 COLORES Estos son los usos permitidos de la marca sobre sus colores corporativos y en positivo y negativo de una sola tinta. Esto aplica de igual forma para el uso de solo el símbolo.

12 COLORES COMPLEMENTARIOS Estos son los colores complementarios permitidos que pueden ser usados para darle dinamismo a la marca en las piezas publicitarias y de comunicación. C. 45 M. 0 Y. 22 K. 0 R. 136 G. 209 B. 206 #88d0cd C. 0 M. 35 Y. 85 K. 0 R. 251 G. 176 B. 64 #fbaf3f C. 100 M. 60 Y. 0 K. 30 R. 0 G. 75 B. 136 #004b88 C. 40 M. 100 Y. 0 K. 30 R. 123 G. 10 B. 107 #7b096b C. 0 M. 100 Y. 20 K. 0 R. 237 G. 6 B. 119 #ec0677 C. 50 M. 0 Y. 100 K. 0 R. 141 G. 198 B. 63 #8cc63e Pantone: 565 C Pantone: 143 C Pantone: 301 C Pantone: 235 C Pantone: 226 C Pantone: 368 C Estos colores solo pueden ser usados como complemento, pero se debe procurar siempre usar los colores corporativos principalmentete, sobre todo para comunicaciones corporativas y/o piezas publicitarias. NO está permitido Estos colores usar la marca en se seleccionan otro color que no de acuerdo a su sean sus colores nivel de contraste corporativos establecido por la principales. teoría del color.

13 TIPOGRAFÍA CORPORATIVA MARCA PRINCIPAL Proxima Nova Alt abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Light TIPOGRAFÍA CORPORATIVA MARCA CORTA Montserrat abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Light abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Black abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Black TIPOGRAFÍA CORPORATIVA La tipografía corporativa es la Próxima Nova Alt Bold, con esta está construído el logotipo. Sin embargo la aplicación corta de la marca cuenta con otra tipografía para las iniciales más pesada para que no se pierda al usarse y corresponde a Montserrat Bold. La tipografía Próxima Nova Alt, es una fuente muy versátil que permitirá su fácil uso en publicaciones ya que por ser de palo seco y con una construcción geométrica de ojos grandes, permite su fácil lectura para temas de accesibilidad. Puede llegar a usarse como tipografía corporativa general.

14 Tipografías fuera de la gama. USOS INCORRECTOS Aplica Proxima Nova Alt Montserrat No aplica Didot New Bernard Dentro de las posibilidades del uso tipográfico no están permitidos los casos acá presentados. TIPOGRAFÍAS FUERA DE LA GAMA Cualquier uso de otra tipografía que no sean las ya establecidas Aplica No aplica en este manual. Proxima Nova Alt Montserrat Proxima Nova Alt Montserrat MODIFICACIÓN DE LA TIPOGRAFÍA Aplicación sobre fondo Aplica Proxima Nova Alt Está prohibido el uso de tipografía de color blanco sobre fondo de color que no genere contraste. Proxima Nova Alt Montserrat La deformación o manipulación que cambie la forma natural de la fuente no se encuentra permitida. APLICACIONES SOBRE FONDOS DE COLOR La aplicación de fondos de color debe ser muy cuidada ya que se trata de no perder la legibilidad.

15 Marca corta para clebración 45 años FSC 45 años USO DE LA MARCA CORTA FSC Marca corta con apellido para proyectos sin logo Misión Colombia Envejece Marca corta con apellido para proyectos con logo Como se mencinó anteriormente, existe una versión corta de la marca para los casos en los que la Fundación comparta espacio de su imagen con otros logotipos o nombres de proyectos. Esta es la aplicación permitida para dicha versión.

16 Misión Colombia Envejece Comportamiento de marca corta respetando área de inviolabilidad Comportamiento de marca corta respetando área de inviolabilidad La línea divisora debe ser de 1 pts Misión Colombia Envejece MARCA CORTA COMPORTAMIENTO Esta aplicación debe manejarse respetando los espacios de inviolabilidad cuando se encuentra en compañia de proyectos. El color aplicativo para la línea divisora C. 0 M. 0 Y. 0 K. 30 R. 188 G. 190 B. 192 #BBBDC0 Los espacios principales están siempre determinados por la proporción del cículo que representa la cabeza del personaje del isotipo

17 COMPORTAMIENTO DE LA MARCA CON LOGOS ALIADOS A continuación se muestra cómo la marca se comporta y resalta cuando se usa en una pata de logos aliados.

18 Uso incorrecto del color Uso incorrecto en fracturas Uso incorrecto en fondos USOS INCORRECTOS Y FRACTURA DE LA MARCA La marca establece sus usos debidos, en este caso veremos ejemplos de lo que no se puede hacer con la misma. Se llama fractura cuando la marca es desmembrada para ser utilizada como recurso gráfico.

19 PAPELERÍA BÁSICA DE LA MARCA

20 Laura Fernandez Gerente General (571) PIEZAS CORPORATIVAS Carrera 11 No oficina 502 / Bogotá D.C., Colombia, Suramérmica. APLICACIÓN DE PAPELERÍA Hoja carta. Tarjetas de presentación.

21 Julio Arreaga Gerente General ID NUMBER: 8678 PIEZAS CORPORATIVAS Carrera 11 No oficina 502 / Bogotá D.C., Colombia, Suramérmica. (571) APLICACIÓN DE PAPELERÍA Sobres. Carné.

22 MANEJO DE ELEMENTOS GRÁFICOS

23 Estos elementos pueden apoyarse de forma adecuada gráficamente con otros elementos. 1 Esquina decorativa 2 Cra. 11 No Of. 502 Bogotá. D.C Colombia ELEMENTOS GRÁFICOS COMPLEMENTARIOS Elemento decorativo para leyendas de pie de página Los elementos gráficos complementarios están orientados a apoyar visualmente la composición de las publicaciones que se alinean a este manual.

24 Estos elementos pueden apoyarse de forma adecuada gráficamente con otros elementos. 3 4 Curvas decorativas Uso de texturas 5 6 ELEMENTOS GRÁFICOS COMPLEMENTARIOS Curvas decorativas Curvas sutiles Los elementos gráficos complementarios están orientados a apoyar visualmente la composición de las publicaciones que se alinean a este manual.

25 PIEZAS CORPORATIVAS DIGITALES Y OFICINA

26 Firma de Correo Laura Fernandez Gerente General (057-1) (057-1) Avatar Portada redes sociales PIEZAS CORPORATIVAS DIGITALES APLICACIÓN DE PAPELERÍA Firmas de correo. Avatares. Portadas para redes sociales. Plantillas PPT

27 Portada de power point Página interna power point TRABAJAMOS POR LA INCLUSIÓN DE LAS PERSONAS MAYORES Puede variar dependiendo de los colores complementarios Página interna power point Página interna power point con imágenes PIEZAS CORPORATIVAS DIGITALES Plantillas PPT Página web

28 Página web propuesta banner parte superior TRABAJAMOS POR LA INCLUSIÓN D E LAS PERSONAS MAYORES Página web propuesta banner parte inferior Texto informativo Texto informativo Texto informativo Texto informativo Texto PIEZAS CORPORATIVAS DIGITALES Plantillas PPT Página web

29 Colores Pintuco Naranja: Amanecer Impactante Azul: Termales PIEZAS CORPORATIVAS DE OFICINA APLICACIÓN DE PAPELERÍA Señalización de baños. Departamentos. Salas de juntas. Colores PINTUCO.

30 TRABAJAMOS POR LA INCLUSIÓN PIEZAS CORPORATIVAS DE OFICINA Carrera 11 No oficina 502 / Bogotá D.C., Colombia, Suramérmica. (571) Pendones El primer ejemplo es una plantilla para poder complementar con información.

31 MANEJO DE LA MARCA EN PUBLICACIONES

32 Ejemplo de portada en informe de genstión PUBLICACIONES COMPORTAMIENTO DE LA MARCA Se debe mantener el área de inviolabilidad más 1 cm de margen en la parte derecha Ejemplo de la aplicación en portada Es recomendable que para efectos de posicionamiento mantener la marca en un área legible y siembre en la portada.

33 Ejemplo de portada en publicación compartida Se debe mantener el área de inviolabilidad más 1 cm de margen en la parte derecha PUBLICACIONES COMPORTAMIENTO DE LA MARCA Ejemplo de la aplicación en portada.

34 Se debe mantener el área de inviolabilidad más 1 cm de margen en la parte derecha PUBLICACIONES COMPORTAMIENTO DE LA MARCA Ejemplo de la aplicación en portada varias marcas.

35 Uso de tipografías en material impreso Tamaño Para asegurar la legibilidad y efectividad de la tipografía en los documentos, el puntaje mínimo es 10 pt. Uso de tipografías en material digital Tamaño Para asegurar la legibilidad y efectividad de la tipografía en los documentos digitales, el puntaje mínimo es 12 pt. 14 pt. Proxima Nova Alt abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ pt. Proxima Nova Alt abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ USO ADECUADO DE TIPOGRAFÍA EN PUBLICACIONES Como documentos de carácter educativo e ilustrativo, las cartillas y guías deben asegurar la transmisión correcta de la información, con base siempre en criterios estéticos amables y accesibles, que se logran con tipografías perfectamente legibles e ilustraciones que ayuden a reforzar la comunicación.

36 TIPOGRAFÍA INSTITUCIONAL MARCA PRINCIPAL EJEMPLO 1 TÍTULO Proxima Nova Alt Black Es la tipografía que se usa para diagramación de textos y aplicada en publicaciones y demás contenidos oficiales de la marca. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper., TÍTULOS Y CAJAS DE TEXTOS La tipografía Próxima Nova Alt, será aplicada en títulos y diagramación de textos extensos, aportando su versatilidad y legibilidad en el diseño de piezas editoriales impresas y digitales. Proxima Nova Alt Light TÍTULOS Proxima Nova Alt Black CAJAS DE TEXTOS Proxima Nova Alt Light

37 TIPOGRAFÍA INSTITUCIONAL MARCA PRINCIPAL EJEMPLO 2 TÍTULO Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in Proxima Nova Alt Black Proxima Nova Alt Bold Proxima Nova Alt Light

38 SALUD Y BIENESTAR EDUCACIÓN Y FORMACIÓN GENERACIÓN DE INGRESOS ALIANZAS E INCIDENCIAS ELEMENTOS INFOGRÁFICOS Tipos de íconos aplicativos, tipos de ilustraciones y tipo de gráficos en las publicaciones. Iconos aplicativos y ejemplos a seguir en gráficas Para la aplicación de iconos se recomiendan con gráfica con detalles a mano tipo sketch Se sugiere aplicar para cada cápitulo que se hable de estos temas los colores correspondientes.

39 ELEMENTOS ILUSTRATIVOS Este tipo de ilustración se debe aplicar siempre, la incidencia en ellas es que son trazos de proporciones geométricas y no tienen detalles faciales. Si es el caso de usar ilustraciones descargadas como recursos y no contienen el estilo gráfico debe adaptarse.

40 Se recomienda elementos infográficos planos como los ejemplos siguientes. 100% % 10% 0% 31% 3 30% 70% 5 50% 50% 4 GRÁFICOS PARA INFOGRAFÍAS 50% 50% Se debe aplicar un estilo de gráfico que facilite la lectura en estadísticas e información compleja.

41 Ejemplos de fotos en relación a etnias FOTOGRAFÍAS Ejemplos de fotos en relación a imagen digna. Identificar las características étnicas del contenido. A la hora de elegir fotografías, es importante la concordancia entre los textos y los elementos seleccionados para el apoyo de los mismos, en lo que respecta al contexto sociocultural. Es importante que la fotografía genere una imagen digna de la persona. IMPORTANTE: Se debe cerciorar de tener los derechos de autor para cada fotografía usada.

42 SUGERENCIA EN SUSTRATOS Y GRAMAJES

43 Libros de más de 32 páginas interiores: Portadas en papel esmaltado de 300 grs plastificado mate por una cara y esmaltado de 150 grs cuando el libro tiene muchas fotografías Cartillas o guías de menos de 32 páginas interiores: Portadas en papel esmaltado de 240 y 300 grs plastificado mate por una cara y papel bond de 90 grs cuando el libro tiene muchas fotografías) Plegables En papel esmaltado de 240 grs Volantes En papel esmaltado de cote o mate de 115 grs. SUGERENCIA EN SUSTRATOS Y GRAMAJES En papeles reciclados se recomienda trabajar con el papel earth pack de Carvajal que viene en los siguientes gramajes 75, 90, 150 y 200 grs. Sugerimos que las publicaciones sean impresas en papel reciclado o de maderas certificadas, con el objetivo de comprometernos con el total cuidado del medioambiente.

44