vtr.comManual de Normas Gráficas

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

01_conceptos

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

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

02_línea gráfica

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

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

9Manual de Normas Gráficas

Logotipo+Claim

LOGOTIPO

vtr.com

10Manual de Normas Gráficas

LOGOTIPO Uso correcto

vtr.com

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

12Manual de Normas Gráficas

LOGOTIPO Otras aplicaciones

Volumen

> Caso de Uso :Reporte de Sustentabilidad 2008

>

vtr.com

13

Logotipo

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

Manual de Normas Gráficas

COLORES

> > >

vtr.com

14Manual de Normas Gráficas

COLORES

> Casos de Uso:- Gráficos Reporte de Sustentabilidad 2008- Logo somosvtr

vtr.com

15Manual de Normas Gráficas

COLORES

Valores Hexadecimales

#EE3524 #62BE1B

#F07D00 #00A2E0

#FBC817 #4B5DB1

#E5D631 #5D3E9C

#D6E940 #904098

#A4D53D #CF0372

vtr.com

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

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

18Manual de Normas Gráficas

ICONOGRAFIA

sujeto a cambios

19Manual de Normas Gráficas

ICONOGRAFIA Usos

20Manual de Normas Gráficas

VISUALIZACION DE DATOS

vtr.com

21Manual de Normas Gráficas

FONDOS Usos

Portal de Entretenciónvtr.com

Reporte Sustentabilidad 2008

>>

>

vtr.com

MANUAL DE NORMAS GRAFICAS

vtr.com18

03_estructura web

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

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

> 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

26Manual de Normas Gráficas

> Portales de Contenidos :

> versión rojo

> versión blanco

HEADER

vtr.com

27Manual de Normas Gráficas

> Portales Cobranded | Minisitios | Campañas

> versión rojo

> versión blanco

HEADER

vtr.com

> Red Sitios SomosBlogs

28Manual de Normas Gráficas

HEADER

en definición

vtr.com

> Footer Corporativo y portales de contenidos

29Manual de Normas Gráficas

FOOTER

vtr.com

sujeto a cambios

30Manual de Normas Gráficas

> Footer Sitio ProductosFOOTER

en definición

vtr.com

> 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