![Page 1: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/1.jpg)
vtr.comManual de Normas Gráficas
![Page 2: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/2.jpg)
Manual de Normas Gráficas
INDICE
vtr.com 2
01_conceptos
Nuestra VisiónBuenas Prácticas
02_línea gráfica
IsotipoLogotipoColoresTipografíaIconografíaVisualización de DatosFondos
03_estructura web
HeaderFooterElementos comunes
![Page 3: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/3.jpg)
01_conceptos
![Page 4: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/4.jpg)
4
En vtr existimos para crear experienciasúnicas de entretención y comunicación paranuestros clientes y así todos disfrutemos de
lo que nos gusta de la vida.
Manual de Normas Gráficas
NUESTRA VISION
vtr.com
![Page 5: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/5.jpg)
5Manual de Normas Gráficas
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
vtr.com
![Page 6: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/6.jpg)
02_línea gráfica
![Page 7: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/7.jpg)
7Manual de Normas Gráficas
Es rojo por la pasión, fuerza y energía queponemos en todo lo que hacemos cada díapara hacerlo simple, impecable y entretenido.Así queremos sorprender y sorprendernos.
Es la síntesis de un corazón porque con élnos comprometemos para actuar con laverdad y respeto, escuchando a los demás,confiando y generando confianza.
Es la síntesis de una “V” porque con estoqueremos resaltar la primera letra de nuestronombre y todo el valor de nuestra empresa.Porque creemos hoy como siempre,en la libertad de elegir y en el cambio y lainnovación como un modo natural de vivir.
ISOTIPO
vtr.com
![Page 8: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/8.jpg)
Icono 3D Fondo
8
> > >
Reporte de Sustentabilidad 2008 Sitio Empresa VTRSitio de Televisión | ProgramaciónIcono asociado a “Mis Favoritos”
Manual de Normas Gráficas
ISOTIPO Usos
vtr.com
![Page 9: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/9.jpg)
9Manual de Normas Gráficas
Logotipo+Claim
LOGOTIPO
vtr.com
![Page 10: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/10.jpg)
10Manual de Normas Gráficas
LOGOTIPO Uso correcto
vtr.com
![Page 11: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/11.jpg)
11Manual de Normas Gráficas
LOGOTIPO Usos no permitidos
vtr.com
Tipografía no puede variar
No usar ribetes ni sombras
Sin trama o textura
Sin sombra
No variar proporciones
No distorcionar
![Page 12: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/12.jpg)
12Manual de Normas Gráficas
LOGOTIPO Otras aplicaciones
Volumen
> Caso de Uso :Reporte de Sustentabilidad 2008
>
vtr.com
![Page 13: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/13.jpg)
13
Logotipo
Pantone 1795 C=0 M=100 Y=100 K=5 #EE3524
Manual de Normas Gráficas
COLORES
> > >
vtr.com
![Page 14: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/14.jpg)
14Manual de Normas Gráficas
COLORES
> Casos de Uso:- Gráficos Reporte de Sustentabilidad 2008- Logo somosvtr
vtr.com
![Page 15: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/15.jpg)
15Manual de Normas Gráficas
COLORES
Valores Hexadecimales
#EE3524 #62BE1B
#F07D00 #00A2E0
#FBC817 #4B5DB1
#E5D631 #5D3E9C
#D6E940 #904098
#A4D53D #CF0372
vtr.com
![Page 16: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/16.jpg)
16
> Caso de Uso:Sitio Centro de Seguridad : uso en colores de fondo
Manual de Normas Gráficas
COLORES
Escala de Grises#0B0B0D
#858585
#C3C1C2
#DCDCDC
#EBEBEB
vtr.com
![Page 17: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/17.jpg)
ArialABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”·$%&/()=?¿
Meta ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”·$%&/()=?¿
Vag (Rounded) ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”·$%&/()=?¿
17Manual de Normas Gráficas
TIPOGRAFIA
Botones de interacción
Texto web : lectura general
> Tipografía corporativa
Títulos de secciones y textos destacados
>
>
>
vtr.com
![Page 18: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/18.jpg)
18Manual de Normas Gráficas
ICONOGRAFIA
sujeto a cambios
![Page 19: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/19.jpg)
19Manual de Normas Gráficas
ICONOGRAFIA Usos
![Page 20: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/20.jpg)
20Manual de Normas Gráficas
VISUALIZACION DE DATOS
vtr.com
![Page 21: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/21.jpg)
21Manual de Normas Gráficas
FONDOS Usos
Portal de Entretenciónvtr.com
Reporte Sustentabilidad 2008
>>
>
vtr.com
![Page 22: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/22.jpg)
MANUAL DE NORMAS GRAFICAS
vtr.com18
03_estructura web
![Page 23: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/23.jpg)
23
Header > Diseñad0s para resolución de 1024 px x 768px> Alineación : centrada
Sitios web:
Contenido
Footer
>
Manual de Normas Gráficas
ESTRUCTURA
vtr.com
![Page 24: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/24.jpg)
24Manual de Normas Gráficas
ESTRUCTURA
Header<-- centrado --> > Sitio Corporativo y sitio de productos
> Portales de Contenidos> Portales Cobranded | Minisitios > Red Sitios Somosblogs : red de blogs asociados
> Sitio Corporativo y portales de contenidos> Sitio de Productos> Portales Cobranded | Minisitios : no lleva footer> Red Sitios Somosblogs : no lleva footer
Tipos de Header:
Tipos de Footer:
Contenido
Footer<-- 100% ancho -->
>
>
vtr.com
![Page 25: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/25.jpg)
> Sitio Corporativo y sitio de productos : vtr.com | Sitio de Productos | Sitio de Empresas
25Manual de Normas Gráficas
HEADER
en definición
vtr.com
![Page 26: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/26.jpg)
26Manual de Normas Gráficas
> Portales de Contenidos :
> versión rojo
> versión blanco
HEADER
vtr.com
![Page 27: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/27.jpg)
27Manual de Normas Gráficas
> Portales Cobranded | Minisitios | Campañas
> versión rojo
> versión blanco
HEADER
vtr.com
![Page 28: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/28.jpg)
> Red Sitios SomosBlogs
28Manual de Normas Gráficas
HEADER
en definición
vtr.com
![Page 29: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/29.jpg)
> Footer Corporativo y portales de contenidos
29Manual de Normas Gráficas
FOOTER
vtr.com
sujeto a cambios
![Page 30: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/30.jpg)
30Manual de Normas Gráficas
> Footer Sitio ProductosFOOTER
en definición
vtr.com
![Page 31: 01 conceptos - · PDF fileManual de Normas Gráficas INDICE vtr.com 2 01_conceptos Nuestra Visión Buenas Prácticas 02_línea gráfica Isotipo Logotipo Colores Tipografía Iconografía](https://reader033.vdocumento.com/reader033/viewer/2022050902/5ab025427f8b9a22118e193b/html5/thumbnails/31.jpg)
> breadcrumbs
> versión compacta> tipografía : Arial, cuerpo 10px> el color de fondo de los botones puede cambiar dependiendo de los colores usados en el diseño
> tipografía : Arial > cuerpo : 10px> colores textos y fondo del bullet : depende del diseño
> tipografía : Arial > cuerpo : 10px - color #818181 > campo : alto : 24 px y ancho 152px.
> paginación
> buscador
estás en: home / programación>
1 2 3 4 5 6 1 2 3 4 5 6>< siguienteanterior
ELEMENTOS COMUNES
31Manual de Normas Gráficas
< >
vtr.com