Documentos de Académico
Documentos de Profesional
Documentos de Cultura
V.
-
19
20
r o
n e
E
s
i co
r áf
G
s
o
nt
ie
e am
n
Li
p1
INTRODUCCIÓN
Este manual de identidad de marca responde USO DEL MANUAL
a la necesidad de asegurar la correcta aplicación El Manual de Identidad de marca constituye un instrumento
de los elementos de la Identidad Visual de de consulta y trabajo para todas aquellas personas
responsables de la correcta utilización de los símbolos
TOSTAO’ Café & Pan de TOSTAO.
Se desarrolla tras un programa de diseño estudiado Este manual proporciona información de la identidad
y planificado, para traducir la personalidad de TOSTAO‘ visual global de la Mercadería, por lo que se sugiere leer
dotándolo de una imagen visual propia detalladamente todo el contenido del manual y seguir
y bien diferenciada. cada una de las indicaciones que se describen en los
apartados de interés.
Con el adecuado uso de los elementos de este Para su fiel cumplimiento se sugiere incluir en la página
manual se logrará preservar la identidad visual de TOSTAO’ web de TOSTAO’ y en distintos formatos de imagen,
en sus redes sociales y aumentar el grado de recuerdo el logotipo y sus variaciones de uso.
simbólico de cada uno de sus elementos.
El uso correcto de los símbolos incluídos en este manual
Los casos especiales o que ofrezcan dudas, deberán estábajo la supervisión de la Dirección de Servicios
serconsultados directamente conel equipo a cargo de la marca.
del manual.
NUESTRO LOGO
Nuestro identidad hace referencia tanto al El nombre escogido se conecta con el
proceso de producción del café y trigo, como a lenguaje coloquial, con lo urbano y describe el
la propiedad sensorial de los productos finales estado «ideal» para el disfrute del café y el pan
(café y pan) en cuanto a sabor y aroma. de la mañana, no solamente a nivel verbal
En el caso del café, la etapa de tostado es vital sino tambien visual, a través de la referencia
para asegurar su calidad y «cuerpo». a la contracción ‘O, muy popular entre
los latinoamericanos.
ESTRO LOGO
TRUCCIÓN
p7
CONSTRUCCIÓN
Cada uno de los elementos de la identidad
gráfica debe respetar su espacio. La construcción
del isologo está hecha sobre una Trama Modular
(o rejilla) de 48x8 unidades, derivadas de la
altura de la letra T.
T/4 T/2 T
T/4
p8
ÁREA DE SEGURIDAD
MÍNIMO
MÍ
ÓPTIMO
MÁ XIMO
M ÍNI
MO 1T
ÓPTIMO 1.5T
MÁ XIMO 2T
p9
SOBRE FONDOS
Restricciones de Vitrinaje
La aplicación de logo y colores de nuestra marca puede verse
afectado por lineamientos visuales y restricciones de vitrinaje en
locales ubicados en centros comerciales, edificios de oficina o
patrimoniales.
PALETA DE COLORES
PRINCIPAL
VASOS
La paleta de colores primaria es de alto
contraste, y primordialmente amarillo «tostao»,
negro y blanco.
(opción NEGRO100%)
PANTONE 7406C
PANTONE 124C
BLANCO
PANTONE (CMYK)
00 00 00 00
04 03 06 09
00 30 100 00
00 20 100 00
57 53 65 20
35
(opción NEGRO 100%)
12
16
28
HEX (RGB)
2022 02 200
2552 55 255
1371 39 142
241 184 40
97 93 89
241 196 0
#EAAA00
#F1C400
#CACAC8
#898B8E
#FFFFFF
#615D59
p12
EXTENSIÓN DE LÍNEA
PALETA DE COLORES SECUNDARIA
PANTONE 207C
PANTONE 199C
Con la Extensión de Líneas de Café se incluyen
los colores rojo y verde como parte del esquema
de jerarquización de producto, aportando cuatro
tonos de color que constituyen la Paleta De Color
Secundaria.
PANTONE
PANTONE 2305C
PANTONE 5763
PANTONE (CMYK)
5 100 48 22
0
0 100 73
71 50
0 100 32
13
25
37
50
52
#A50034
#D50032
165 0
213
HEX (RGB)
115 123 76
158 167 0
#9EA700
#737B4C
p12
p13
FAMILIA TIPOGRÁFICA
PRINCIPAL
ABCDEFGHIJKLMN
las letras están inspiradas por los letreros o avisos
callejeros del estilo arquitectónico que fue
popular a mediados del siglo XX en la ciudad
de Nueva York.
stuvwxyz1234567890
La tipografía debe conservar siempre su aspecto
y proporciones, no acepta deformaciones
~!@#$%^&*
()_+{}|:”<>?-=[]\;’,./
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890~!@#$%^&*()_+{}|:”<>?-=[]\;’,./
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890~!@#$%^&*()_+{}|:”<>?-=[]\;’,./
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890~!@#$%^&*()_+{}|:”<>?-=[]\;’,./
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890~!@#$%^&*()_+{}|:”<>?-=[]\;’,./
p14
FAMILIA TIPOGRÁFICA
PRODUCTOS
ABCDEFGHIJKLMN
sistemas de standarización.
OPQRSTUVWXYZ
QUETA.
abcdefghijklmnopqr
stuvwxyz1234567890
~!@#$%^&*
()_+{}|:”<>?-=[]\;’,./
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890~!@#$%^&*()_+{}|:”<>?-=[]\;’,./
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890~!@#$%^&*()_+{}|:”<>?-=[]\;’,./
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890~!@#$%^&*()_+{}|:”<>?-=[]\;’,./
p15
ELEMENTOS GRÁFICOS
COMPLEMENTOS DE NUESTRA IMAGEN
ra pt n
LOGOTIPO
ne ce ició
ru a
EMBLEMA
n
ge y a os
LÍNEAS DIAGONALES
ra ta isp
pa i d
° inv a
45 o un
n er n
le lp oe
o. na ta d
ic o n ea
m iag izo nt
ná d or la
di on e h a p
as ci nt st
m osi e e
to p tam go
ec m le lo
ef co p ro
la om est
c u
N
do en e
o ele pu o
o
d
at o y ent
t
en m e
Nuestro emblema puede ser utilizado como complemento
s
y apoyo a la imagen pero nunca debe estar aislado del
d
t e
resto de los elementos (logo, rayas diagonales) o utilizarse
es
ia r e o o en ro
por su cuenta.
al
nc ra er id t
re tu uin tra n o
ic
m
rt
di tru sq es s so
El emblema tiene un pequeño borde blanco que ayuda a
ve
separarlo de elementos de fondos oscuros.
en es n n le
s
do l
ne
bi te u de na
e u
io
es mi o o go
ic
or er om tic ia
os
c
ct p c ís d
sp
se ue rse ter ras
di
q a c r
us ara ba
en
c as
as
L
rr
ba
º) ar
0 s u
(9 o
N
p16
LA DIAGONAL
I. Usar la diagonal para separar la información en dos segmentos. II. Desplazar la diagonal a las esquinas y componer sobre la horizon-
tal sin obstrucciones.
III. Usar la diagonal como soporte y diagramar la información para que IV. Desplazar la diagonal a las esquinas y ‘guindar’ los contenidos
la acompañe sobre los 45º a 45º para que dominen todo el formato.
p17
COMPONIENDO ENTRE BARRAS
Intercalada. La aplicación más básica, genera una ventana sobre el formato En Transición. Ideal para transicionar una imagen fotográfica a un fondo
que permite separar imagen de contenidos. de color plano, idealmente blanco, que permite la integración de logo
y contenidos.
Superpuesta. En este caso se generan dos campos de lectura: Integrada. Más compleja y elegante, integra a las barras con la foto, generando
Fondo (foto) - Frente (barras). una sola imagen con diferentes profundidades.
p18
VASOS TÉRMICOS
UN BILLBOARD NO CONVENCIONAL
Las características del modelo de negocios de
TOSTAO le otorgan flexibilidad en el desarrollo de
su imagen corporativa. Al no tener competencia
directa podemos establecer nuestras propias reglas
y esto nos invita a definir los roles específicos que
cumplen cada uno de los puntos de contacto con
el cliente y las piezas de nuestra identidad.
4 OZ. 10 OZ.
p19
LENGUAJE TOSTAO’
PARA CONECTAR CON EL CLIENTE
Lo que decimos, dónde lo decimos y cómo lo
decimos es importante.
Siempre debemos considerar nuestro tono de voz
y aprovechar los espacios que nos ofrecen nuestras
tiendas y los puntos de contacto con los clientes
para producir unas dinámicas de comunicación
novedosas con nuestros consumidores.
SI HAY CALOR
TÓMATELO FRESCO
SI HAY AFÁN
LLÉVATELO LISTO
p20
EN LA TIENDA
ESTILO FOTOGRÁFICO
TOSTAO’ EN REDES SOCIALES
La fotografía en TOSTAO’ es, como nuestro TOSTAO’ utiliza dos tipos de discurso visual
concepto: Sencillo y directo. Su presencia en redes para reforzar el posicionamiento de nuestra
sociales tiene como objetivo ayudar a construir identidad con el uso de fotografías.
la marca, no cambiar la percepcion.
En el caso de fotografías de
producto, las imágenes deben
contar siempre con caracerísti-
cas de estilismo de alimentos
y producción que hagan
atractivos a los alimentos.
p22
ESTILO HYPERGRÁFICO
UNA ALTERNATIVA FOTOGRÁFICA
El vaso es el billboard de la marca y podemos Estrictamente hablando son fotos sobre fondo de
usar este concepto como referencia de diseño para color plano, un elemento fotográfico aislado y una
generar una alternativa de manejo de fotografía, transicion gráfica hacia nuestro logo, generada por
con lo que llamamos «Estilo Hipergráfico.» nuestras rayas diagonales, que nos permiten con-
textualizar las imágenes dentro de nuestro sistema
En este caso, con «Hipergráfico» nos referimos a de identidad visual.
propuestas que combinan texto, fotografía y algún
elemento gráfico que logra articular la máxima sín- El logo se puede aplicar en horizontal
tesis posible entre el producto y nuestra marca. ó diagonal hacia las esquinas, siempre respetando
la dirección de la diagonal.
TÓMALO
TÓMALO TRANQUILO
TRANQUILO
LLÉVATELO
LLÉVATELO LISTO
LISTO
OTROS USOS
FOTOGRAFÍAS
En el caso de registro e intervenciones fotográficas
es importante seguir los siguientes criterios.
Especificaciones:
ESTILO ILUSTRATIVO
OTRA EXPRESIÓN DE TOSTAO’
TOSTAO’ utiliza un estilo ilustrativo muy directo y gráfico, El estilo gráfico ilustrativo es perfecto para comunicaciones
casi infográfico, como extensión de su identidad en piezas directas con el cliente en la tienda y en la calle, su objetivo
complementarias e informativas. es presentar informacion sobre nuestros productos
ó servicios, siempre utilizando el tonode voz caraterístico
Es el lenguaje más coloquial y directo que usa la tienda de TOSTAO’.
para dirigirse a su público, por lo tanto es idóneo
para expresar la accesibilidad de nuestros productos, Microperforado para exteriores
este es el estilo favorecido en flyers y paneles informativos.
Aviso mascotas
PANELES INFOGRÁFICOS
COMUNICACIÓN INTERNA
Para reforzar los valores de la marca y destacar
las características y calidad de nuestro producto,
TOSTAO’ implementa infografías como parte
de su diseño interior: Carteles/Paneles con un
lenguaje sencillo y siempre acompañado de un
apoyo gráfico.
• 100% COLOMBIANO
• SELECCIÓN EN ORIGEN
• A TU ALCANCE
• CALIDAD SUPERIOR
• 0% PASILLA
• TOSTAO Y COLAO
100 cm
gros o blancos segun se requiera.
. Cada panel esta acompañado de una
imagen ó dibujo que apoya o comple-
Cada panel individual está compuesto de: menta el tema y el texto
• 2 SECCIONES TIPOGRÁFICAS
(Texto Capitular y Texto Explicativo)
• 1 GRÁFICO Se incluye además un texto secundario
(Ilustración) que sirve para desarrollar el tema.
La paleta de colores está restringida al Este texto debe componerse siempre
estándar TOSTAO’ Amarillo (Pantone 124C con Mayúsculas/Minúsculas
ó equivalente), Negro y Blanco.
BLANCO
p27
MURAL
COMUNICACIÓN INTERNA
0.6
4.78mts
2.58mts
16.10mts
PENDONES
COMUNICACIÓN INTERNA
Pendón Aquí Ahora Pendon Genérico Café Pendon Genérico Pan Compromiso País Compromiso Sociedad
CMYK CMYK CMYK CMYK CMYK
300 DPI 300 DPI 300 DPI 300 DPI 300 DPI
150 x 200 cm 100 x 200 cm 100 x 200 cm 100 x 200 cm 100 x 200 cm
p29
MANIFIESTO
COMUNICACIÓN INTERNA
El Manifiesto Tostao’ se presenta en dos versiones Blanco/Negro con acentos
en amarillo y puede utilizarse completo o dividir en tres secciones discretas
para adaptarse a diferentes espacios.
Composición 2:
29.7 x 10.5 cm
CMYK
1600 DPI
Se puede agrandar hasta 264 x 213
cm en una resolucion de 180 DPI.
Completo: Composición 3:
29.7 x 42 cm 29.7 x 24 cm
CMYK CMYK
1600 DPI 1600 DPI
Se puede agrandar hasta 264 x 373 cm Se puede agrandar hasta 264 x 91
en una resolucion de 180 DPI. cm en una resolucion de 180 DPI.
p30
PRODUCTOS
NUESTRO CAFÉ
Nuestros empaques de café TOSTAO’ son
los embajadores de la marca en el hogar de
nuestros clientes.
• SUPREMO ( GRANO/MOLIDO )
• BLEND
• SELECTO
• INTENSO
• SUAVE
• TRADICIONAL
PANTONE PANTONE
207 C 199 C PANTONE PANTONE
C:5 M:100 Y:48 K:22 C:0 M:100 Y:73 K:0 124 C 7406 C
#A50034 #50032 C:0 M:30 Y:100 K:0 C:25 M:0 Y:100 K:32
#EAAA00 #9EA700
GRIS BLANCO
8% 100% PANTONE BLANCO
C:0 M:0 Y:0 K:8
124 C 100%
C:0 M:0 Y:0 K:0
#EBEBEB C:0 M:30 Y:100 K:0 C:0 M:0 Y:0 K:0
#FFFFFF
#EAAA00 #FFFFFF
p31
BEBIDAS
+
p34
SNACKS
p35
MERMELADAS, ADEREZOS, YOGURES
UNIFORMES
Esta lamina muestra los colores y caracteristicas
del uniforme de los empleados de TOSTAO’
EXTERIORES
APLICACIONES EN FACHADAS
El uso de aluminio corrugado es un elemnto recono-
cible y único de nuestra marca y debe ser imple-
mentado como soporte del logo en todas nuestras
fachadas.
SEÑALIZACIÓN
INTERIORES
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus
mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate 30 x 15 cm
eget, arcu. In enim justo, rhoncus ut, imperdiet a,
venenatis vitae, justo.
15 x 20 cm 15 x 15 cm 15 x 15 cm 15 x 10 cm
NO SON MODIFICABLES
X
p41
15 x 5 cm
ELLA
ES
ECHO OT
S
D
S
ORG
OS
RI
E
VI D RI
O
N
A
IC I N
OS
Y ORD
ELLA
OT
S
LA SONRISA ES VOLUNTARIA
DE
O
COMO LA PROPINA
PL I
C
ÁST
p42
PIZARRAS
p43
TRANSPORTE
CARGA 500
Nuestra identidad deberá abarcar:
DISEÑOS LATERALES: 500
1. El gráfico ocupa el 100% de la superficie
de la cava.
206
206
500
500
206
206
p44
CRÉDITOS
TO
ST
A
O
’L
in
ea
m
ie
nt
os
G
rá
fico
s
A
br
il
20
18
-
V.
3