Octubre 2013
Índice 1. Elementos básicos 2. Otras marcas gráficas 3. Aplicaciones nacional 4. Aplicaciones internacional 5. Social media y Apps
1. Elementos básicos 1.1. Introducción 1.2. Marca gráfica principal 1.3. Tipografía 1.4. Color 1.5. Nomenclatura
Elementos básicos 1.1. Introducción Este manual básico de identidad corporativa ha sido creado como referencia y guía de normas básicas para la correcta utilización de los elementos gráficos que conforman la imagen corporativa de 20minutos. 20minutos es una empresa con una personalidad única, a través de nuestra imagen corporativa debemos alcanzar un estilo de comunicación que transmita los valores de la marca Compromiso Información de calidad, veraz, libre, accesible e independiente. Es nuestro compromiso con los lectores que nos han hecho líderes desde el nacimiento de la marca 20minutos en España Liderazgo De un periódico líder en mano cada mañana a la innovación en plataformas digitales. Sea cual sea el soporte de lectura, no hay barreras, somos un medio social, cercano y participativo. Referente Somos medio de comunicación de referencia para nuestros lectores y nuestros anunciantes lo saben. Versátiles y únicos en formatos publicitarios y en alcanzar los target más demandados. Una marca bien aplicada es la base más sólida sobre la que se genera adhesión, rápida identificación y vinculación con un proyecto de futuro. Pese a su carácter de norma básica, es intención de este manual de identidad abarcar la utilización de los elementos gráficos corporativos, tanto para medios online como para soportes impresos. Cualquier uso de estos elementos de forma diferente a la expresada en este manual se considerará incorrecta.
Elementos básicos 1.2. Marca gráfica principal 1.2.1. Introducción 1.2.2. Logotipo corporativo 1.2.3. Construcción gráfica 1.2.4. Área de seguridad 1.2.5. Reproducción mínima del logotipo 1.2.6. Posicionamiento 1.2.7. Usos incorrectos 1.2.8. Aplicaciones 1.2.9. Aplicaciones sobre fondos planos 1.2.10. Aplicaciones sobre fondos fotográficos
Elementos básicos Marca gráfica principal 1.2.1. Introducción La marca 20minutos se configura como un logotipo basado en la tipografía Trixie, que actúa como transmisora de la tradición de los medios impresos que hace las veces de base el número "20" como representación de los valores de innovación, tecnología y modernidad que nuestra marca lleva asociada.
Elementos básicos Marca gráfica principal 1.2.2. Logotipo corporativo Este es nuestro logotipo corporativo y lo utilizamos en todas las aplicaciones impresas. Se utilizará siempre el logotipo en color, salvo en aquellas comunicaciones que requieran su aplicación en negativo.
Elementos básicos Marca gráfica principal 1.2.3. Construcción gráfica La construcción gráfica del logotipo se ha realizado a partir de una medida estándar de 5 cm de altura y su medida proporcional en anchura. A= Altura total B= Anchura total C= Espacio entre el 20 y el borde horizontal D= Altura de la palabra minutos E= Espacio entre el 20 y el borde vertical C=3 mm B=47 mm Al ampliar o reducir el tamaño del logotipo, se deben mantener las proporciones, siempre respetando los mínimos de tamaño establecidos. A=50 mm D=7,419 mm E=3 mm
Elementos básicos Marca gráfica principal 1.2.4. Área de seguridad Se entiende como área de seguridad, el espacio que debe existir alrededor del logotipo o marca sin que ningún otro elemento lo rebase e interfiera, consiguiendo así una correcta visualización del mismo e impidiendo, por tanto, su contaminación visual. ÁREA DE SEGURIDAD Proporcionar un área de seguridad para el logotipo asegura la independencia visual del mismo respecto a otros elementos gráficos que pudieran acompañarlo, facilitando de esta forma su inmediata identificación. Este área de seguridad se obtiene del cuadrado interior que conforma el número 8 de la tipografía del número 20.(El 8 se forma superponiendo el número 2 al número 0).
Elementos básicos Marca gráfica principal 1.2.5. Reproducción mínima del logotipo La reproducción mínima del logotipo define el tamaño mínimo al que puede ser reproducido el mismo, conservando su adecuada visibilidad. Impreso Online Para soportes gráficos será de 1 cm y para online 40 px. 1 cm 40 px
Elementos básicos Marca gráfica principal 1.2.6. Posicionamiento El posicionamiento del logotipo se define como el lugar donde se ubica el mismo dentro de cualquier comunicación. A A 3A Siempre deberá aparecer con el espacio de aire delimitado e irá colocado indistintamente en la parte superior izquierda o en la parte inferior derecha, pero nunca en ambas posiciones a la vez. La distancia de seguridad entre el logotipo y los límites del documento sera 1/3 de la altura del logotipo. 3A A A
Elementos básicos Marca gráfica principal 1.2.7. Usos incorrectos Cualquier modificación del logotipo diferente al especificado anteriormente, se considerará uso incorrecto. No son usos correctos los que incluyen colores diferentes a los corporativos o su combinación indebida, los degradados y efectos.
Elementos básicos Marca gráfica principal 1.2.8. Aplicaciones El logotipo de 20minutos no admite otros colores diferentes a sus obligatorios: el azul, el blanco y el negro. Cualquier otra utilización de colores, no siendo el negativo o el positivo, no está permitido. Color Positivo Negativo
Elementos básicos Marca gráfica principal 1.2.9. Aplicaciones sobre fondos planos El logotipo se reproducirá siempre en sus colores originales sobre fondos de color. Si el color de fondo es el mismo que el color corporativo, el logotipo utilizará un contorno blanco de 1 punto de grosor.
Elementos básicos Marca gráfica principal 1.2.10. Aplicaciones sobre fondos fotográficos El logotipo se reproducirá siempre en sus colores originales sobre fondos fotográficos, respetando siempre el área de seguridad.
Elementos básicos 1.3. Tipografía 1.3.1. Tipografía logo 20minutos 1.3.2. Tipografía uso publicitario 1.3.3. Tipografía cuerpo de texto 1.3.4. Anexo I: Tipografías - PoynterAgate
Elementos básicos Tipografía 1.3.1. Tipografía logo 20minutos La familia tipográfica corporativa del logo: Tipografía minutos: TRIXIE Trixie A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0
Elementos básicos Tipografía 1.3.2. Tipografía uso publicitario Para titulares utilizaremos la PoynterAgate One Bold, Utopía Semibold, Utopía Bold, Helvética Neue Bold Condensed. PoynterAgate One Bold A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 Utopia Semibold A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 Utopia Bold A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 Helvética Neue Condensed Bold A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0
Elementos básicos Tipografía 1.3.3. Tipografía cuerpo de texto Las ftipografías para cuerpos de texto, son la PoynterAgate One Condensed, PoynterAgate One Comp, Utopía Regular y Helvética Neue Condensed. PoynterAgate One Condensed A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 PoynterAgate One Comp A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 Utopia Regular A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 Helvética Neue Condensed A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0
Elementos básicos 1.4. Color 1.4.1. Colores corporativos 1.4.2. Colores de soporte
Elementos básicos Color 1.4.1. Colores corporativos Pantone Los colores Pantone son la referencia principal. Para cualquier otro sistema que no esté mencionado aquí, la especificación Pantone es la referencia base. Negro Cuatricromía (CMYK) Utilizado en la impresión por cuatricromía y en impresoras de color. RGB Colores utilizados en monitores y escáners. HTML Codificación de una página web. Las referencias html normalmente corresponden a las especificaciones de color RGB. PANTONE Blue 072 C Cuatricromía (CMYK) c100 m100 y0 k0 Nota: la conversión a cuatricromía de este color ha sido optimizado respecto a los valores facilitados por Pantone. Siempre se deben utilizar los valores optimizados y no la conversión original de Pantone. RGB r0 g15 b159 HTML #000f9f Blanco
Elementos básicos Color 1.4.2. Colores de soporte Para organizar la información de nuestras publicaciones definimos una escala de grises que nos servirá de ayuda y soporte para jerarquizar la información. Irá aplicada a textos, y en ningún caso a elementos del logotipo de 20minutos. 80% Negro Cuatricromía (CMYK) c0 m0 y0 k80 RGB r88 g88 b90 HTML #58585a 70% Negro Cuatricromía (CMYK) c0 m0 y0 k70 RGB r112 g113 b115 HTML #707173 60% Negro Cuatricromía (CMYK) c0 m0 y0 k60 RGB r135 g136 b138 HTML #87888a
Elementos básicos 1.5. Nomenclatura 20minutos 1.5.1. Explicación y color
Elementos básicos Nomenclatura 20minutos 1.5.1. Explicación y color Si por cualquier motivo, no se pudiera reproducir el logotipo de 20minutos, se aplicará la siguiente nomenclatura: 20minutos La tipografía a utilizar será PoynterAgate One Bold. Los colores para la correcta reproducción de la nomenclatura 20minutos, son los que definimos en el párrafo 1.4.1. Colores Corporativos.
2. Otras marcas gráficas de 20minutos 2.1. Ediciones impresas 2.2. Otros productos editoriales 2.3. 20minutos online
Otras marcas gráficas 2.1. Ediciones impresas 2.1.1. Presentación gráfica 2.1.2. Colores 2.1.3. Tipografía
Otras marcas gráficas Ediciones impresas 2.1.1. Presentación gráfica Mostramos la presentación gráfica del logotipo 20minutos en las diferentes ediciones impresas. ANDALUCÍA
Otras marcas gráficas Ediciones impresas 2.1.2. Colores y tipografías Los colores corporativos que aplican en las ediciones impresas del logo de 20minutos son: el azul corporativo, el rojo en su pantone 187C, el blanco y el negro. PANTONE Blue 072 C Cuatricromía (CMYK) c100 m100 y0 k0 RGB r0 g15 b159 HTML #000f9f Pantone 187 C Cuatricromía (CMYK) c23 m98 y83 k16 RGB r171 g25 b45 HTML #ab192d La tipografía a usar en ediciones impresas es la familia Utopía Semibold. Cuatricromía (CMYK) c0 m0 y0 k0 Cuatricromía (CMYK) c0 m0 y0 k100 RGB r255 g255 b255 RGB r26 g23 b27 Utopia Semibold A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 Blanco HTML #ffffff Negro HTML #1a171b
Otras marcas gráficas Ediciones impresas 2.1.3. Tipografía La tipografía a usar en ediciones impresas es la familia Utopía Semibold. PANTONE Blue 072 C Utopia Semibold A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0
Otras marcas gráficas 2.2. Otros productos editoriales 2.2.1. Presentación gráfica 2.2.2. Colores y tipografía
Otras marcas gráficas Otros productos editoriales 2.2.1. Presentación gráfica Mostramos la presentación gráfica de las diferentes publicaciones escritas del Grupo 20minutos.
Otras marcas gráficas Otros productos editoriales 2.2.2. Colores y tipografía Los colores corporativos de los demás productos editoriales se corresponden con los de 20minutos. La tipografía es National. PANTONE Blue 072 C Cuatricromía (CMYK) c100 m100 y0 k0 RGB r0 g15 b159 HTML #000f9f Blanco Cuatricromía (CMYK) c0 m0 y0 k0 RGB r255 g255 b255 HTML #ffffff Negro Cuatricromía (CMYK) c0 m0 y0 k100 RGB r26 g23 b27 HTML #1a171b
Otras marcas gráficas 2.3. 20minutos online 2.3.1. Logotipo corporativo 2.3.2. Construcción gráfica 2.3.3. Área de seguridad 2.3.4. Reproducción mínima del logotipo 2.3.5. Posicionamiento 2.3.6. Usos incorrectos 2.3.7. Aplicaciones 2.3.8. Aplicaciones sobre fondos planos 2.3.9. Aplicaciones sobre fondos fotográficos 2.3.10. Tipografía logo 20minutos.es 2.3.11. Tipografía cuerpo de texto y publicitaria 2.3.12. Colores corporativos y de soporte
Otras marcas gráficas 20minutos online 2.3.1. Logotipo corporativo La aplicación online del logotipo de 20minutos será siempre la que mostramos a continuación en sus tres variantes: 20minutos.es 20minutos.com 20minutos.com.mx Todo lo que se va a contar a continuación dentro del punto 2.3, aunque sólo aparezca en 20minutos.es, será aplicable a las otras dos variantes, 20minutos.com y 20minutos.com.mx.
Otras marcas gráficas 20minutos online 2.3.2. Construcción gráfica Este apartado presenta la modulación constructiva de la marca. Se compone de 3 elementos: - Un cuadro de bordes redondeados. - El número 20, que se encuentra en el interior del cuadro, centrado tanto vertical como horizontalmente. - La denominación minutos.es/.com/.mx, que se realiza en la tipografía trixie y se alinea en la base con el número 20. De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.3. Área de seguridad Se entiende como área de seguridad, el espacio que debe existir alrededor del logotipo o marca sin que ningún otro elemento lo rebase e interfiera, consiguiendo así una correcta visualización del mismo e impidiendo, por tanto, su contaminación visual. ÁREA DE SEGURIDAD Proporcionar un área de seguridad para el logotipo asegura la independencia visual del mismo respecto a otros elementos gráficos que pudieran acompañarlo, facilitando de esta forma su inmediata identificación. Este área de seguridad se obtiene del cuadrado interior que conforma el número 8 de la tipografía del número 20.(El 8 se forma superponiendo el número 2 al número 0). De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.4. Reproducción mínima del logotipo La reproducción mínima del logotipo define el tamaño mínimo al que puede ser reproducido el mismo, conservando su adecuada visibilidad; este estará definido en 125 píxeles de anchura y su medida proporcional en altura. 125 pixeles De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.5. Posicionamiento El posicionamiento del logotipo se define como el lugar donde se ubica el mismo dentro de cualquier comunicación. Siempre deberá aparecer con el espacio de aire delimitado en la parte superior izquierda. De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.6. Usos incorrectos Cualquier modificación del logotipo diferente al especificado anteriormente, se considerará uso incorrecto. No son usos correctos los que incluyen colores diferentes a los corporativos o su combinación indebida, los degradados y efectos. minutos.es minutos.es minutos.es minutos.es De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.7. Aplicaciones El logotipo de 20minutos.es no admite otros colores diferentes a sus obligatorios: el azul y el rojo. Cualquier otra utilización de colores, no siendo el negativo o el positivo, no está permitido. Color Negativo Positivo De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.8. Aplicaciones sobre fondos planos El logotipo se reproducirá siempre en sus colores originales sobre fondos de color plano. En ningún caso el fondo plano corresponderá con el color corporativo ya que su reproducción lo haría no visible. De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.9. Aplicaciones sobre fondos fotográficos El logotipo se reproducirá siempre en sus colores originales sobre fondos fotográficos, respetando siempre el área de seguridad. De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.10. Tipografía logo 20minutos.es La familia tipográfica corporativa del logo: Tipografía 20minutos.es: TRIXIE Trixie A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.11. Tipografía cuerpo de texto y publicitaria Para titulares, se aplicará la familia tipográfica American Typewriter. American Typewriter Light A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 American Typewriter Regular A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 American Typewriter Bold A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w y z 1 2 3 4 5 6 7 8 9 0 De aplicación para 20minutos.com y 20minutos.com.mx
Otras marcas gráficas 20minutos online 2.3.12. Colores corporativos y de soporte Colores Corporativos CMYK c97 m81 y40 k45 CMYK c23 m98 y83 k16 CMYK c0 m0 y0 k0 RGB r4 g44 b72 RGB r171 g25 b45 RGB r255 g255 b255 Pantone 7463C HTML #042c48 Pantone 187 C HTML #ab192d HTML #ffffff Colores de soporte CMYK c0 m0 y0 k80 CMYK c0 m0 y0 k70 CMYK c0 m0 y0 k60 RGB r88 g88 b90 RGB r112 g113 b115 RGB r135 g136 b138 HTML HTML #58585a #707173 80% Negro 70% Negro 60% Negro HTML #87888a * La explicación de los sistemas cromáticos se ha realizado en el apartado 1.4.1. Colores Corporativos. De aplicación para 20minutos.com y 20minutos.com.mx