vtr.com Manual de Normas Gráficas

Transcripción

1

2 2 INDICE 01_conceptos 02_línea gráfica 03_estructura web Nuestra Visión Buenas Prácticas Isotipo Logotipo Colores Tipografía Iconografía Visualización de Datos Fondos Header Footer Elementos comunes

3 01_conceptos

4 4 NUESTRA VISION En vtr existimos para crear experiencias únicas de entretención y comunicación para nuestros clientes y así todos disfrutemos de lo que nos gusta de la vida.

5 5 BUENAS PRACTICAS explorar nuevas formas de navegación diseñar interfaces diferenciadoras y recordables proyectar un coherente discurso visual y comunicacional proponer nuevas visualizaciones de contenido

6 02_línea gráfica

7 7 ISOTIPO Es rojo por la pasión, fuerza y energía que ponemos en todo lo que hacemos cada día para hacerlo simple, impecable y entretenido. Así queremos sorprender y sorprendernos. Es la síntesis de un corazón porque con él nos comprometemos para actuar con la verdad y respeto, escuchando a los demás, confiando y generando confianza. Es la síntesis de una V porque con esto queremos resaltar la primera letra de nuestro nombre y todo el valor de nuestra empresa. Porque creemos hoy como siempre, en la libertad de elegir y en el cambio y la innovación como un modo natural de vivir.

8 8 ISOTIPO Usos Icono 3D Fondo Sitio de Televisión Programación Icono asociado a Mis Favoritos Reporte de Sustentabilidad 2008 Sitio Empresa VTR

9 9 LOGOTIPO Logotipo+Claim

10 10 LOGOTIPO Uso correcto

11 11 LOGOTIPO Usos no permitidos No distorcionar Sin trama o textura No variar proporciones No usar ribetes ni sombras Sin sombra Tipografía no puede variar

12 12 LOGOTIPO Otras aplicaciones Volumen Caso de Uso : Reporte de Sustentabilidad 2008

13 13 COLORES Logotipo Pantone 1795 C=0 M=100 Y=100 K=5 #EE3524

14 14 COLORES Casos de Uso: - Gráficos Reporte de Sustentabilidad Logo somosvtr

15 15 COLORES Valores Hexadecimales #EE3524 #62BE1B #F07D00 #00A2E0 #FBC817 #4B5DB1 #E5D631 #5D3E9C #D6E940 # #A4D53D #CF0372

16 16 COLORES Escala de Grises #0B0B0D Caso de Uso: Sitio Centro de Seguridad : uso en colores de fondo # #C3C1C2 #DCDCDC #EBEBEB

17 17 TIPOGRAFIA Arial ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz ! $%&/()=? Texto web : lectura general Tipografía corporativa Meta ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz ! $%&/()=? Botones de interacción Vag (Rounded) ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz ! $%&/()=? Títulos de secciones y textos destacados

18 18 ICONOGRAFIA sujeto a cambios

19 19 ICONOGRAFIA Usos

20 20 VISUALIZACION DE DATOS

21 21 FONDOS Usos Reporte Sustentabilidad 2008 vtr.com Portal de Entretención

22 MANUAL DE NORMAS GRAFICAS vtr.com 18 03_estructura web

23 23 ESTRUCTURA Header Sitios web: Diseñad0s para resolución de 1024 px x 768px Alineación : centrada Contenido Footer

24 24 ESTRUCTURA Header Tipos de Header: <-- centrado -- Sitio Corporativo y sitio de productos Portales de Contenidos Portales Cobranded Minisitios Red Sitios Somosblogs : red de blogs asociados Contenido Footer <-- 100% ancho -- Tipos de Footer: Sitio Corporativo y portales de contenidos Sitio de Productos Portales Cobranded Minisitios : no lleva footer Red Sitios Somosblogs : no lleva footer

25 25 HEADER Sitio Corporativo y sitio de productos : vtr.com Sitio de Productos Sitio de Empresas en definición

26 26 HEADER Portales de Contenidos : versión rojo versión blanco

27 27 HEADER Portales Cobranded Minisitios Campañas versión rojo versión blanco

28 28 HEADER Red Sitios SomosBlogs en definición

29 29 FOOTER Footer Corporativo y portales de contenidos sujeto a cambios

30 30 FOOTER Footer Sitio Productos en definición

31 31 ELEMENTOS COMUNES buscador tipografía : Arial cuerpo : 10px - color # campo : alto : 24 px y ancho 152px. breadcrumbs estás en: home / programación tipografía : Arial cuerpo : 10px colores textos y fondo del bullet : depende del diseño paginación < anterior siguiente < tipografía : Arial, cuerpo 10px el color de fondo de los botones puede cambiar dependiendo de los colores usados en el diseño versión compacta