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
01_conceptos
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 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
02_línea gráfica
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 ISOTIPO Usos Icono 3D Fondo Sitio de Televisión Programación Icono asociado a Mis Favoritos Reporte de Sustentabilidad 2008 Sitio Empresa VTR
9 LOGOTIPO Logotipo+Claim
10 LOGOTIPO Uso correcto
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 LOGOTIPO Otras aplicaciones Volumen Caso de Uso : Reporte de Sustentabilidad 2008
13 COLORES Logotipo Pantone 1795 C=0 M=100 Y=100 K=5 #EE3524
14 COLORES Casos de Uso: - Gráficos Reporte de Sustentabilidad 2008 - Logo somosvtr
15 COLORES Valores Hexadecimales #EE3524 #62BE1B #F07D00 #00A2E0 #FBC817 #4B5DB1 #E5D631 #5D3E9C #D6E940 #904098 #A4D53D #CF0372
16 COLORES Escala de Grises #0B0B0D Caso de Uso: Sitio Centro de Seguridad : uso en colores de fondo #858585 #C3C1C2 #DCDCDC #EBEBEB
17 TIPOGRAFIA Arial ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890! $%&/()=? Texto web : lectura general Tipografía corporativa Meta ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890! $%&/()=? Botones de interacción Vag (Rounded) ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890! $%&/()=? Títulos de secciones y textos destacados
18 ICONOGRAFIA sujeto a cambios
19 ICONOGRAFIA Usos
20 VISUALIZACION DE DATOS
21 FONDOS Usos Reporte Sustentabilidad 2008 vtr.com Portal de Entretención
MANUAL DE NORMAS GRAFICAS vtr.com 18 03_estructura web
23 ESTRUCTURA Header Sitios web: Diseñad0s para resolución de 1024 px x 768px Alineación : centrada Contenido Footer
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 HEADER Sitio Corporativo y sitio de productos : vtr.com Sitio de Productos Sitio de Empresas en definición
26 HEADER Portales de Contenidos : versión rojo versión blanco
27 HEADER Portales Cobranded Minisitios Campañas versión rojo versión blanco
28 HEADER Red Sitios SomosBlogs en definición
29 FOOTER Footer Corporativo y portales de contenidos sujeto a cambios
30 FOOTER Footer Sitio Productos en definición
31 ELEMENTOS COMUNES buscador tipografía : Arial cuerpo : 10px - color #818181 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 1 2 3 4 5 6 siguiente < 1 2 3 4 5 6 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