tiva a r l de orpo d a u C n oo o Ma ntidad der w royect tiva n Ide ma U de P rpora Ă o t ĂŻ o Na arroll ad C Mar a s d De denti riseld I de ora: G 15 0 Tut ava 2 s Eli
0. Introducción 4
Introducción
1. Marca 8 10 12 14 16 18 21
Baseline Logo 1ª versión Logo 2ª versión Logo en color Marca sobre colores no corporativos Normativa de uso de la marca Usos incorrectos de la marca
2. Color 24
Colores corporativos
3. Tipografía 28 30
Tipografía principal de la marca Tipografía secundaria de la marca
4. Sistema visual 34 40 42
Imágenes Tono de los textos Tipografía aplicada
5. Aplicaciones 46 60 62 68 70
Papelería Señalización Packaging Uniformidad Comunicación
Contenido
Para nosotros el té es natural, es cotidiano. Está allí para lo que sea, cuando sea. Te deja ser tu mismo. Sin restricciones. Nuestra imagen debe reflejar eso mismo. Por eso huímos de todo lo clásico y convencional en relación al té. No hace falta tomarlo en tazas de porcelana, no es tan delicado. Nosotros tampoco. Hacemos lo que queremos, y con este manual vamos a explicarte cómo. 4
5 Teresa Manual de Identidad Corporativa
7 Teresa Manual de Identidad Corporativa
La marca
1 La marca
Baseline Puesto que nuestra gráfica no es muy identificable con el té, creemos necesario tener un baseline para algunas aplicaciones. El baseline irá siempre acompañado de el bloque de texto con información de contacto, estando en Bold mientras el resto del texto está en Regular. Se escribe siempre enteramente en minúsculas. 8
9 Teresa Manual de Identidad Corporativa
oom oom ea r ea r t t m m roo 134 na roo 134 na t t s s re ades rcelo re ades rcelo 0 0 Puj 01 Ba 49 8 Puj 01 Ba 49 8 3 3 0 0 08 93 33 a.com 08 93 33 a.com s s tel. w.tere sa.com tel. w.tere sa.com e w w r r w @te w @te e o f n i info
oom oom ea r ea r t t m m roo 134 na roo 134 na t t s s re ades rcelo re ades rcelo 0 0 Puj 01 Ba 49 8 Puj 01 Ba 49 8 3 3 0 0 08 93 33 a.com 08 93 33 a.com s s tel. w.tere sa.com tel. w.tere sa.com e w w r r w @te w @te e o f n i info
rest room tea room
1 La marca
Logo 1陋 versi贸n en B/N Esta es la primera versi贸n de la marca en su forma positiva y negativa. 10
11 Teresa Manual de Identidad Corporativa
1 La marca
Logo 2ª versión Esta versión del logo se usa en las aplicaciones más formales, en las que no aparecen imágenes y tienen un fondo blanco. Va acompañado siempre de la información de contacto, y por lo tanto el baseline. Tiene una única forma monocromática, no se usa nunca en color, sino que la información de contacto está en uno de los colores corporativos. 12
13 Teresa Manual de Identidad Corporativa
m roo a e t om 4 o r 3 a t res ades 1 rcelon 0 Puj 01 Ba 49 8 om o r 3 0 08 93 33 a.com tea m s o tel. w.tere sa.com ro 134 na t s re ades rcelo ww @tere 0 j a 8 u B 9 P 01 info 3 4 om 0 3 8 3 0 93 sa.c tel. w.tere sa.com om ww @tere a ro e t om info t ro s 134 lona s e r ade e j arc 9 80 m u B o P ro 01 34 tea 080 93 33 a.com m o s 34 a tel. w.tere sa.com t ro res ades 1 rcelon ww @tere 0 Puj 01 Ba 49 8 info 3 080 93 33 a.com s tel. w.tere sa.com ww @tere info
1 La marca
Logo en color Sobre colores corporativos, el logo siempre va en su forma en blanco. 14
15 Teresa Manual de Identidad Corporativa
1 La marca
Marca sobre colores no corporativos Al usarse sobre colores no corporativos, el logo se usa en su versi贸n monocrom谩tica, en blanco o negro dependiendo de lo que el fondo permita. 16
17 Teresa Manual de Identidad Corporativa
1 La marca
Normativa de uso El tamaño mínimo en el que puede usarse el logotipo es de 10 mm. El margen mínimo que debe dejarse alrededor del logo corresponde a la altura de una T de la misma proporción que la del propio logo. 18
19 Teresa Manual de Identidad Corporativa
10 mm
Separar las sĂlabas o redistribuirlas.
1 La marca
Usos incorrectos de la marca Estos son ejemplos de reproducciĂłn de la marca que no cumplen las guĂas. No debe hacerse nunca.
20
Distorsionar el logo, alargarlo.
Centrar el logo en el espacio.
21 Teresa Manual de Identidad Corporativa
Logo en negro sobre un color corporativo.
Logo en color sobre un color no corporativo.
Logo en color sobre fondo negro.
Logo en color sobre fondo de color.
Logo con trama sobre fondo negro.
Logo con trama sobre un fondo de color.
23 Teresa Manual de Identidad Corporativa
Color
Pantone 7619 C RAL 2002 R 192 C 18% M 83% G 77 B 65 Y 78% K 6%
Pantone 7465 C RAL 5021 R 53 C 69% G 189 M 0% B 165 Y 45% K 0%
Pantone 141 C RAL 1032 C 10% R 231 M 25% G 189 Y 75% B 93 K 0%
2 Color
Pantone 272 C RAL 4005 R 110 C 64% M 63% G 106 B 176 Y 0% K 0%
Colores corporativos La marca tiene cuatro colores propios ademรกs del negro. Estos cuatro colores son alternados para crear una gamma diversa y variada. 24
Pantone Black 6 C RAL 9005 R0 C 60% M 50% G 0 B0 Y 50% K 100%
25 Teresa Manual de Identidad Corporativa
1 Apartat
Subapartat text
26
27 Teresa Manual de Identidad Corporativa
TipografĂa
Adobe Caslon Pro Bold ABCÇDEFGHIJKLMNÑOPQRS TUVWXYZabcçdefghijklmnñopqrst uvwxyz 0123456789 (,;:!?”&7*^) Adobe Caslon Pro Regular ABCÇDEFGHIJKLMNÑOPQRST U VWXYZ abcçdefghijklmnñopqrstuv wxyz 0123456789 (,;:!?”&7*^) Adobe Caslon Pro Italic ABCÇDEFGHIJKLMNÑOPQRSTU VWXYZ abcçdefghijklmnñopqrstuvwxyz 0123456789 (,;:!?”&7*^) 3 Tipografía
Tipografía Principal La fuente que se usa principalmente es la Caslon. Se usa para todos los textos y titulares. 28
29 Teresa Manual de Identidad Corporativa
AaBb
3 TipografĂa
TipografĂa Secundaria La fuente secundaria se trata de Akzidenz Grotesk en peso Bold. Se usa exclusivamente para ciertas palabras o frases cortas que se repiten en algunas de las aplicaciones. 30
31 Teresa Manual de Identidad Corporativa
AaBb Akzidenz Grotesk BE Bold ABCÇDEFGHIJKLMNÑOPQRST UVWXYZabcçdefghijklmnñopq rstuvwxyz0123456789,;:!?”&7*^
1 Apartat
Subapartat text
32
33 Teresa Manual de Identidad Corporativa
Sistema visual
informales monocromo granuladas 4 Sistema visual
Imágenes El tipo de imágenes que usamos tiene una regla: debe salir alguien sentado en un váter. Lo que esté haciendo no importa mucho, mientras se vea un ambiente relajado, nada formal ni clásico e incluso algo descarado también. El tratamiento que les damos es en monocromo, aplicandole ruido para que tengan un aspecto un tanto descuidado y viejas. 34
35 Teresa Manual de Identidad Corporativa
Recortamos la parte mรกs interesante de la imรกgen con forma de rectรกngulo de proporciones xx
El tono es
breve directo natural 4 Sistema visual
Tono de los textos En algunas aplicaciones aparecen textos que no son funcionales, sino que son mรกs conceptuales y su objetivo es transmitir el tono de la marca. 40
41 Teresa Manual de Identidad Corporativa
TAKE IT EASY DON’T DISTURB NEVER REGRET RESTROOM POET
4 Sistema visual
Tipografía aplicada Para la creación de los textos que aparecen en algunas aplicaciones, se usa Akzidenz Grotesk, la tipografía secundaria, y se le aplica una máscara de recorte sobre alguna de las imágenes que usa la marca. La imágen no es en monocromo, sino que lleva un tinte de uno de los colores corporativos. 42
43 Teresa Manual de Identidad Corporativa
45 Teresa Manual de Identidad Corporativa
Aplicaciones
5 Aplicaciones
Papel de carta, primera hoja Muestra escalada al 60% Medidas 210 mm x 297 mm 46
47 Teresa Manual de Identidad Corporativa
om tea ro oom rest r s 134 e Pujad Barcelona 1 0800 333 49 80 3 tel. 9 eresa.com .t www eresa.com t info@
Dos líneas entre la fecha y el inicio.
Una línea entre párrafos.
5 Aplicaciones
Papel de carta, primera hoja Muestra escalada al 60% Medidas 210 mm x 297 mm Plantilla para carta. Texto Adobe Caslon Pro o Times New Roman 12 p / 14.4 interlineado Caja justificada a la izquierda.
48
Dos líneas entre el final y la firma. El cargo debajo del nombre de la persona.
49 Teresa Manual de Identidad Corporativa
60 mm
22 mm 22 mm
Maria SĂĄnchez Salvador Espriu, 79 08005 Barcelona 26 de marzo de 2015
om tea ro oom rest r s 134 e Pujad Barcelona 1 0800 333 49 80 3 tel. 9 eresa.com .t www eresa.com t info@
Estimada Maria, Lorem ipsum harcia quiant maximag nimint, ut asitaturem cust quist ra es sunt optiorro ipsa cum, qui nis est, sim el in re, consed ulligendes dit, quae quisitibus et hicium il ilis andam everi cuptati autat il inimodit adipsant eum as aut laut mos doluptaturis rempore ssequia dolutem. Maio que modis conem fugiaeptatia ipsundis quia experro videllu temque pores sum cor repudae volluptatin repeliatio. Am con nos aut inulpa doluptatasit essiti cum faccumquunt. Laborehenim fugitio nectotatem ut quis sentiori nonsequassin nost laborro diation nusande bistiat atquodita parumquas mostibus ante exceatur? Optatio nsequi dolupta turio. Nequis si adia dia corepudia conecatus dis sam, volleni mporest voluptatur asitiat uribus at que est et ab ipsa dolores entumqui non pa vellorem et eate sit, verum velibusapiet quaesto dolupta sperore eum qui idit, exped maios ressimus alitenis aperi autem. Orehent apisto volo que rernatum quatio omni temporem est haruptae et libusdamet inciderat eos esed ut re volum ut veri tem expelibus, quam, oditas rem qui imiliti nistibus rescipic to beaquiasi odis vid mil ipsam voloreped maior mi, es nihilit ape pediatem acea dolenis eumeniste nonsequiant ullessi dolum eost, sum eos et optatur epelescius rehendam dolorio nsedis que ped quat. Piducidis alictatia velique ni tem nisqui offic to velit apicia volor at. Vid et estias porrum estia voles vel in cum fugit, quas as expeleniti veleceperat. Ut fugitatur recaectae nisciet volupta quoditiis et volorum a vereratem ilia solupta quamus a voluptis aliquuntias aperrorere nos adiciis dernatur magnihil ma experfe ratiisquam ra dolut fugita doluptin plignim aiost, cum re, coruptate cum qui conseque velectia dio eatiniam inumquiatam, que laut vereratem non preped molorrum fugia porrum inctem et harum repere perum aut moluptas el int. Atentamente, Joan DedĂŠu, Director de marketing
22 mm
5 Aplicaciones
Papel de carta, segunda hoja Muestra escalada al 60% Medidas 210 mm x 297 mm 50
51 Teresa Manual de Identidad Corporativa
5 Aplicaciones
Sobre sin ventana Muestra escalada al 60% Medidas 215 mm x 99 mm 52
53 Teresa Manual de Identidad Corporativa
oom eatreoaorm m tm restrersotoro1o34134 s s Puja Pduejadearcealo na na B B rcelo 080008500533 3439 4890 80 m m tel.t9e3l. 933re3sar.c e e esoa.co infoin@fot @etsa.c mom o .tewr.teresa.c ww www
oom eatreoaorm m tm restrersotoro1o34134 s s Puja Pduejadearcealo na na B B rcelo 5 0 0 0 8 8 0 0 0533 3439 4890 80 m m tel.t9e3l. 933re3sar.c e e esoa.co infoin@fot @etsa.c mom o .tewr.teresa.c ww www
5 Aplicaciones
Tarjeta genérica Muestras a tamaño real
En la parte posterior el logo en blanco sobre fondo de color en la esquina inferior izquierda. La información de contacto va siempre inclinada y en la esquina superior derecha.
Medidas 80 mm x 50 mm Cuatro versiones, una para cada color de la mar- Texto ca y cada color con una Adobe Caslon Pro imágen y un mensaje. 12 p / 14.4 interlineado
oom eatreoaorm m tm restrersotoro1o34134 s s Pduejadearcealo Puja na na B B rcelo 5 0 0 0 08 08 0533 3439 4890 80 m m tel.t9e3l. 933re3sar.c e e esoa.co infoin@fot @etsa.c mom o a s e .tewr.ter .c ww www
54 oom eatreoaorm tm m o o o o r r t t s s re re 134134 s s Puja Pduejade na na
t t93 9333r3e3s3are3.csoa.co l.fote@tsea.csoam el.ftoin e@ tin moom m .csoa.c .c @ @ o otew err.teeteesararee.c f .t in in m o om .c a wwwwfw s s e e r r e e .t .t w w wwww
55 Teresa Manual de Identidad Corporativa
m oom eatreooaoorm m oottm atre4a room e resrterrsootoorrm m o 4 tesdo1e3s 4134 a a esutrja rP Pedsudeja n sdB15ea3srBc1ae3rlocenlo u a0n8a0 P P0u8ja n 0 0085ja 00B lo lo e e c c 8 r r a a B 9 90 0 0t8e0l.0t089e5l.0309353333333344339 o448m 9 o8m .csa.c 3 3 3 9 9 r e l. l. t e@fo@eet3sesaaree.c e ftoin m tin o .c a moom m .cssoa.c @ otew o@ err.teteesarare.c .t in m om o .c a wfwin wwfw s s e e r r e e .t .t www www
m oom eatreooaoorm m oottm oom r r a a e e t resrterrsootoorrm 4134 tja sdo1eo3sm s e esutrja e d rP u a na Pdesd1ea3sr4c1ae3rlo4cenlo B5 Bcelocnelo a0n8a0 P0u8ja P 000u85ja 00B 8 r r a a 9 9 B 4 4 5 5 3 3 0 0t8e0l.0t089el.030933333333439 o48m 90 o8m .c 3l. o9t3e@ 3ret3esare.csoam 9e@ el.ftoin m tin o f teretsearae.c mom .cssaoa.c .c @ o@ ow er.teesare.c .t in oam om .c wfwin wwfw s s e e r r e e .tw.t ww www
u u DedéDedé Joan Joeasn13e4s 134 jadrcelonrcaelona PujadPuB a Ba 5 0 080 08303035 439338049 80 tel. 93telt.e9re3sat.ecroem sa.com @ @ n n a a o o j j
u u DedéDedé Joan Joeasn13e4s 134 jadrcelonrcaelona PujadPuB a Ba 5 0 080 08303035 439338049 80 tel. 93telt.e9re3sat.ecroem sa.com joan@joan@
5 Aplicaciones
Tarjeta personal Muestras a tamaño real Medidas 80 mm x 50 mm
u u DedéDedé Joan Joeasn13e4s 134 jadrcelonrcaelona PujadPuB a Ba 5 0 0 8 8 0 0 303035 439338049 80 tel. 93telt.e9re3sat.ecroem sa.com @ @ n n a a jo jo
Igual que la tarjeta genérica, cambiando el baseline por el nombre del trabajador. 56 u u DedéDedé Joan Joeasn13e4s 134 jadrcelonrcaelona PujadPuB a Ba 80058005 49 8049 80
tjeoantjeotaenresat.eresa. joan@joan@
57 Teresa Manual de Identidad Corporativa
u éu edééD u4eed n JD dé3u4 d1D oaesn Joan 3 D oeausnj1ad3e4cssel11o3n4caelona oaujaJdP JP eB j0aa0drr5eceBl9oanrr8ca0el9on8a0 P0u8j0a0dP05u8B a 3 4Ba 3 4 0 5 0 0 98 3 0t8el. 90t8e330l.3309353s4a339.33c38o0m s4a.ccoom e3@t.ecroem 3 r e 9 9 t . . l l @ e e a a tjoantjotaenres teres . m joan@joan@
éu edéu D u4eed é3u4 aend1éD d o Joan J 3 D D 1 oaunjaJdP oeaussnj1ad3e4cssel1o3n4caelona JP e jaadr5e Bloanr a0lona0 P0u8j0a0dP05u8B B0a0r3ce4B9ar38ce49 880 5 0 0 49 m 0t8el. 903t8e330l.3309353s4a339.33c38o0m e esa..ccoom tjeol.a9n3@ tjeoltt.aee9nrre3@satt.eecrroem sa joan@joan@
5 Aplicaciones
Saluda / Tarjet贸n Muestra escalada al 60% Medidas 210 mm x 99 mm 58
59 Teresa Manual de Identidad Corporativa
om m tea ro rest roo 134 s e d Puja na Barcelo 08005 33 49 80 3 3 tel. 9 resa.com info@te sa.com re www.te
5 Aplicaciones
Rotulación del espacio La gráfica aplicada al espacio sigue a misma estética. En este caso es la pared de fondo la que tiene los colores corporativos. Sobre ésta se aplican las imágenes en moncromo y la tipografía en el mismo color pero con la trama. Esta aplicación bastante invasiva se complementa con superfícies lisas y claras y espacios luminosos. De esta manera hay un equilibrio y no está todo demasiado cargado. 60
61 Teresa Manual de Identidad Corporativa
5 Aplicaciones
Vasos de papel Los vasos llevan los colores corporativos, con la tipografĂa aplicada con trama sobre el fondo. TambiĂŠn aparece el logo en blanco. 62
63 Teresa Manual de Identidad Corporativa
5 Aplicaciones
Packaging Los envases de los distintos tipos de tés aprovechan los colores para hacer referencia al té. Para contrastar con el resto de aplicaciones gráficas los envases son muy sutiles, mostrando sólo el logo en su segunda versión, puesto que no aparece tipografía aplicada, y el nombre del té en la tipografía principal y el color de la tapa, que será el correspondiente a ese tipo de té. Texto Adobe Caslon Pro 16 p / 18.4 interlineado Medidas 160 mm x 50 mm 64
65 Teresa Manual de Identidad Corporativa
5 Aplicaciones
Bolsas Las bolsas siguen la línea más cargada, usando las imágenes con la tipografía aplicada sobre la tela, que es de los colores corporativos. 66
67 Teresa Manual de Identidad Corporativa
5 Aplicaciones
Uniforme Las camisetas van en la línea de las bolsas y otras aplicaciones. Las camisetas en sí son de los colores corporativos, por lo tanto habrá variantes, y llevaran estampadas en la parte delantera las imágenes con la tipografía aplicada. La camiseta irá a conjunto con pantalón negro tejano. Da un aspecto informal y casual a los trabajadores, pero permite identificarles fácilmente. 68
69 Teresa Manual de Identidad Corporativa
5 Aplicaciones
Web La web sigue una estética dinámica, usando como fondo de las distintas secciones las imágenes y la tipografía sobrepuesta. El contenido está sobre un fondo semi-transparente, permitiendo leer la información pero también ver el fondo. La barra de herramientas usa el mismo estilo que el baseline, inclinada y en su forma en blanco sobre el fondo de color. Texto Adobe Caslon Pro 70
71 Teresa Manual de Identidad Corporativa
Home Locales
s Producto F ilosofĂa
Contacto
Locales
Barcelona Pl. Molina 21 Pujades, 134 Salvador Espriu, 79 Passeig del Born, 44 Londres 35 Brick Lane Rd 441 Chiswick High St 78 Noel St
5 Aplicaciones
Facebook El facebook usa como foto de portada las imágenes con mensajes en la tipografía secundaria sobre un color liso de fondo. Puede variar entre las cuatro, pero la foto de perfil deberá ir a juego con el color de fondo. Ésta es el logo centrado, en su forma en blanco, sobre el fondo liso. Además, en la portada deberá decir el baseline en la tipografía principal. 72
73 Teresa Manual de Identidad Corporativa
Home Locales
s Producto F ilosofĂa
Contacto
Locales
Barcelona Pl. Molina 21 Pujades, 134 Salvador Espriu, 79 Passeig del Born, 44 Londres 35 Brick Lane Rd 441 Chiswick High St 78 Noel St
om m tea ro rest roo 134 s e d Puja na Barcelo 08005 33 49 80 3 3 9 l. m te resa.co info@te sa.com re www.te
Inauguraciรณn Sรกbado 21 marzo 19h
5 Aplicaciones
Invitaciรณn Distintas versiones, para los diferentes colores de la marca, las imรกgenes y los textos con trama. Una cara con fondo a color y la imagen, la otra fondo blanco y la informaciรณn del evento. Texto Adobe Caslon Pro 74
75 Teresa Manual de Identidad Corporativa
om m tea ro rest roo 134 s e Pujad arcelona B 08005 33 49 80 tel. 93 3 resa.com info@te sa.com re www.te
Inauguraci贸n S谩bado 21 marzo 19h
oom ea r mt roo 4 rest des 13 elona a Puj 1 Barc 9 80 4 0 080 3 333 .com 9 tel. .teresa w ww
5 Aplicaciones
Anuncio fald贸n Muestra escalada al 60% Medidas 250 mm x 100 mm 76
77 Teresa Manual de Identidad Corporativa