Brandbook toth

Page 1


Contenido 2 1. LA EMPRESA

1.1 NOMBRE, VISIÓN Y MISIÓN 1.2 VALORES

2. HERRAMIENTAS

4 4 5

6

2.1 LOGOTIPO Y VERSIONES 2.2 VARIACIONES LOGOTIPO 2.3 Relación espacial 2.4 APLICACIÓN DE LOGOTIPO 2.5 LOGOTIPO Y TEXTO 2.6 COLORES 2.7 PALETAS

6 7 8 9 10 11 12

2.8 TIPOGRAFÍA PRINCIPAL 2.9 TIPOGRAFÍAS SUSTITUTAS

18 19

2.7.1 Paleta básica 2.7.2 Paleta básica apagados 2.7.3 Paleta básica claros 2.7.4 Paleta básica intensos 2.7.5 Paleta básica oscuros

13 14 15 16 17


Contenido 3 3.PAPELERÍA 21

3.1 GENERAL 3.2 TARJETA DE PRESENTACIÓN 3.3 HOJAS MEMBRETADAS 3.4 SOBRES

21 22 23 24


1. LA EMPRESA 1.1 NOMBRE, VISIÓN Y MISIÓN NOMBRE

El nombre de TOTH fue elegido por la deidad egipcia, quien representaba la sabiduría, el tiempo, las invenciones, el cielo nocturno y la palabra escrita entre otros. Como una empresa dedicada al diseño de material educativo con énfasis en adultos, el nombre guarda en su significado nuestro compromiso para llevar conocimiento de formas eficientes.

VISIÓN

Somos una empresa que busca desarrollar de forma eficaz, comunicación visual para recursos pedagógicos dirigidos a personas con poco o nulo acceso a la educación.

MISIÓN

Lograr que la educación a la que tengan acceso las personas sea visualmente eficaz, comprensible, atractiva e interesante, adecuándose a sus condiciones de vida y recursos.

1.2 VALORES Responsabilidad

Con la realización de los diseños, el trabajo que entregamos a nuestros clientes y nuestro proceso de trabajo.

Creatividad

para desarrollar propuestas que soluciones de forma eficiente las necesidades de nuestros clientes y su grupo objetivo.

4


5 Calidad Respeto Asertividad Honestidad Confidencialidad

En nuestra vida diaria y en nuestro trabajo, para asegurar que siempre entregamos lo mejor de nuestra parte.

Por todo ser vivo, la ecología, nuestros clientes y colaboradores. Vemos el respeto como la base para un buen desarrollo de cualquier proyecto. Para encaminar los proyectos en la dirección más apropiada y para poder guiar a nuestros clientes a nuevas soluciones y mejores resultados.

En cada parte de nuestro trabajo, mantener una comunicación abierta entre nosotros y nuestros clientes durante todo el proceso es el mejor camino para la satisfacción de nuestros clientes.

Porque comprendemos que el trabajo que realizamos es información entre nuestros clientes y nosotros, para proteger la información sensible que pueda ser necesitada en los proyectos.


2. HERRAMIENTAS 2.1 LOGOTIPO Y VERSIONES Nuestro logotipo es la imagen principal de la empresa, por lo que tanto en su forma y la elección de sus colores representa lo que queremos transmitir. La abstracción de una letra “T” de nuestro nombre, como un ave que era una de las representaciones del dios Toth en la antiguedad. La paleta de colores aplicada en su forma básica nos da la seriedad en el azul como nuestro interés en la sabiduría o conocimiento, pero también la energía necesaria para transmitirla a otros en el naranja. Logotipo versión básica

Logotipo versión línea

Logotipo versión una tinta

Logotipo versión negativa

6


2.2 VARIACIONES LOGOTIPO

7

Dependiendo el fondo en el que será utilizado el logotipo puede ser necesario hacer una variación. Estas variaciones siempre deben respetar los siguientes lineamientos y de ser posible es preferible utilizar el logotipo originar o sus versiones. 1. La sombra siempre deberá ser más oscura que el color de base. 2. Si la base es cálida la sombra también. Si la base es fría la sombra también.

Variación incorrecta

Ejemplo de variación 1

2. Si no se usará la versión a una tinta, el ala debe ser de un color distinto al color de base. 3. Los colores autilizar deben ser de las paletas establecidas.

Ejemplo de variación 2

Ejemplo de variación 3


2.3 RelaciĂłn espacial El logotipo debe tener un margen igual a un tercio del tamaĂąo total del logotipo en los cuatros lados del mismo. El logotipo no puede reducirse a menos de una pulgada de ancho y guardar siempre su proporciĂłn.

1 Inch

8


2.4 APLICACIĂ“N DE LOGOTIPO

9

El logotipo debe contrastar con el fondo en el que sea aplicado y de preferencia debe ser colocado sobre un fondo de color plano. Si el fondo no contrasta suficiente es necesario utilizar una variaciĂłn. Aplicaciones incorrectas

Aplicaciones correctas

Aplicaciones correctas


2.5 LOGOTIPO Y TEXTO

10

Si bien el logotipo esta pensado como un isotipo sin texto, puede ser necesario en ciertas aplicaciones el uso del nombre de la empresa como complemento del mismo. En este caso se deben respetar los siguientes lineamientos. 1. La tipografía debe ser Open Sans Pro mayúsculas con un tracking de -100. 2. El alto de la tipografía debe ser equivalente al largo desde el inicio de la sombra hasta la punta inferior del logotipo. 3. La arista vertical de la letra “T” debe comenzar a la mitad del ala derecha, nunca tocando la misma. 4. El color debe coresponder al color utilizado en el ala. De ser realmente necesario crear mayor contraste, puede utilizarse blanco o negro en el texto.

TOTH


2.6 COLORES

11 Predominante

Naranja

El naranja combina la energía del rojo con la intensidad del amarillo equilibrando los extremos. Se le asocia con el atardecer, con la playa, con el calor, con fuego y llamas. En ciertas gamas nos refiere al otoño. Representa alegría, creatividad, éxito y es utilizado como estimulante del apetito.

Complementario

El azul es un color fresco, tranquilizante y se le asocia con la mente, a la parte más intelectual de la mente, igual que el amarillo.

Color Marrón

El color marrón es el color de la Madre Tierra. El marrón aporta el sentido de la estabilidad y aleja lainseguridad.

Combinados

Juntos los colores representan la energía e intensidad Naranja) necesarias para transmitir la sabiduría (azul), la representación del medio que los rodea (marrón) y la serenidad necesaria para poder aprender la lección.

Azul


2.7 PALETAS

12

La paleta de colores tiene sus respectivas variaciones para adaptarse a las posibles aplicaciones a futuro, la paleta básica es la principal y la que de ser posible debe predominar. Los colores fueron seleccionados de las texturas muestra que se encuentran más adelante, que corresponden a paisajes o formas de la naturaleza.

Paleta Básica Paleta Básica Apagados Paleta Básica Claros Paleta Básica Intensos Paleta Básica Oscuros


13

2.7.1 Paleta bรกsica R=243 G=183 B=11

C=4% M=30% Y=95% K=0%

R=245 G=159 B=10

C=0% M=44% Y=96% K=0%

R=283 G=116 B=21

C=0% M=64% Y=96% K=0%

R=218 G=63 B=21

C=7% M=85% Y=100% K=1%

R=90 G=18 B=15

C=38% M=100% Y=89% K=60%

R=39 G=54 B=122

C=100% M=89% Y=20% K=2%

R=36 G=50 B=101

C=100% M=89% Y=31% K=15%

R=28 G=103 B=176

C=88% M=56% Y=0% K=0%

R=12 G=118 B=188

C=85% M=46% Y=0% K=0%

R=0

C=82% M=37% Y=3% K=0%

G=131 B=195


2.7.2 Paleta bรกsica apagados R=243 G=183 B=11

C=4% M=30% Y=95% K=0%

R=245 G=159 B=10

C=0% M=44% Y=96% K=0%

R=241 G=137 B=12

C=0% M=55% Y=97% K=0%

R=235 G=95 B=17

C=0% M=73% Y=98% K=0%

R=112 G=21 B=16

C=32% M=100% Y=96% K=49%

R=39 G=54 B=122

C=100% M=89% Y=20% K=2%

R=36 G=50 B=101

C=100% M=89% Y=31% K=15%

R=28 G=103 B=176

C=88% M=56% Y=0% K=0%

R=12 G=118 B=188

C=85% M=46% Y=0% K=0%

R=0

C=82% M=37% Y=3% K=0%

G=131 B=195

14


15

2.7.3 Paleta bรกsica claros R=243 G=183 B=11

C=4% M=30% Y=95% K=0%

R=245 G=159 B=10

C=0% M=44% Y=96% K=0%

R=241 G=137 B=12

C=0% M=55% Y=97% K=0%

R=238 G=116 B=21

C=0% M=64% Y=96% K=0%

R=218 G=63 B=21

C=7% M=85% Y=100% K=1%

R=39 G=54 B=122

C=100% M=89% Y=20% K=2%

R=33 G=42 B=82

C=100% M=90% Y=37% K=32%

R=28 G=103 B=176

C=88% M=56% Y=0% K=0%

R=12 G=118 B=188

C=85% M=46% Y=0% K=0%

R=0

C=82% M=37% Y=3% K=0%

G=131 B=195


2.7.4 Paleta bรกsica intensos R=245 G=159 B=10

C=0% M=44% Y=96% K=0%

R=241 G=137 B=12

C=0% M=55% Y=97% K=0%

R=165 G=37 B=22

C=23% M=96% Y=100% K=19%

R=112 G=21 B=16

C=32% M=100% Y=96% K=49%

R=61 G=16 B=16

C=50% M=95% Y=75% K=75%

R=39 G=54 B=122

C=100% M=89% Y=20% K=2%

R=38 G=48 B=100

C=100% M=91% Y=31% K=16%

R=36 G=50 B=100

C=100% M=89% Y=31% K=15%

R=33 G=42 B=82

C=100% M=90% Y=37% K=32%

R=12 G=118 B=188

C=85% M=46% Y=0% K=0%

16


17

2.7.5 Paleta bรกsica oscuros R=245 G=159 B=10

C=0% M=44% Y=96% K=0%

R=241 G=137 B=12

C=0% M=55% Y=97% K=0%

R=112 G=21 B=16

C=32% M=100% Y=96% K=49%

R=61 G=16 B=16

C=50% M=95% Y=75% K=75%

R=66 G=10 B=11

C=64% M=86% Y=65% K=87%

R=39 G=54 B=122

C=100% M=89% Y=20% K=2%

R=38 G=48 B=100

C=100% M=91% Y=31% K=16%

R=33 G=42 B=82

C=100% M=90% Y=37% K=32%

R=27 G=30 B=60

C=100% M=93% Y=42% K=52%

R=1

C=90% M=55% Y=8% K=0%

G=104 B=169


2.8 TIPOGRAFÍA PRINCIPAL Para cualquier texto requerido se utilizará la familia tipográfica de nombre Source Sans Pro, debido a que la misma es de uso libre de licencia, contiene una gran cantidad de variaciones como son Extra Light, Extra Light Italic, Light, Italic Light, Regular, Italic,Semibold, Semibold Italic, Bold, Bold Italic, Black y Black Italic. Es una tipografía defácil legibilidad. Contiene todos los signos de puntuación usados en español. Esta por ser sans serif carecede remates pero es muy práctica para cambiar su kerning y leading, el espacio interno ofrece que su legibilidad sea alta, y brinda confort a la lectura.

SOURCE SANS PRO Extra-Light Extra-Light Italic Light Light Italic

Regular Regular Italic Semi-Bold Semi-Bold Italic Bold Bold Italic Black Black Italic

​‌A​‌B​‌C​‌Ć​‌Č​‌D​‌Đ​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​ ‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌Š​‌T​‌U​‌V​‌W​‌X​‌Y​ ‌Z​‌Ž​‌a​‌b​‌c​‌č​‌ć​‌d​‌đ​‌e​‌f​‌g​‌h​‌i​‌j​‌k​‌l​‌m​ ‌n​‌o​‌p​‌q​‌r​‌s​‌š​‌t​‌u​‌v​‌w​‌x​‌y​‌z​‌ž​‌ÁĂ​ ‌Â​‌ÉÊÍÓ​‌Ô​‌ƠÚÜ​‌Ư​‌áă​‌âé​‌êí​ ó‌ô​‌ơú​‌ưü​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌‘​ ‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)​‌[​‌#​‌]​‌{​‌@​‌}​‌/​‌&​‌<​‌-​‌+​‌÷​ ‌×​‌=​‌>​‌®​‌©​‌$​‌€​‌£​‌¥​‌¢​‌:​‌;​‌,​‌.​‌*

18


19

2.9 TIPOGRAFÍAS SUSTITUTAS Ya que puede darse el caso de no contar con la tipografía requerida, se puede utilizar como sustituto la familia tipográfica Arial, que puede encontrarse en cualquier sistema operativo, tiene similitudes de forma con la Source sans pro y cuenta con una gran cantidad de variaciones y todos los signos necesarios para el español.

​ ​‌B​‌C​‌Ć​‌Č​‌D​‌Đ​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​ ‌A ‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌Š​‌T​‌U​‌V​‌W​‌X​ ‌Y​‌Z​‌Ž​‌a​‌b​‌c​‌č​‌ć​‌d​‌đ​‌e​‌f​‌g​‌h​‌i​‌j​‌k​‌l​‌m​ ‌n​‌o​‌p​‌q​‌r​‌s​‌š​‌t​‌u​‌v​‌w​‌x​‌y​‌z​‌ž​‌ÁĂ​‌Â​ ‌ÉÊÍÓ​‌Ô​‌ƠÚÜ​‌Ư​‌áă​‌âé​‌êí​ ó‌ô​‌ơú​‌ưü​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌‘​ ‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)​‌[​‌#​‌]​‌{​‌@​‌}​‌/​‌&​‌<​‌-​‌+​‌÷​‌×​ ‌=​‌>​‌®​‌©​‌$​‌€​‌£​‌¥​‌¢​‌:​‌;​‌,​‌.​‌*

Arial Narrow Bold Italic Narrow Italic Black Narrow Bold Narrow Bold Italic Regular Regular Italic Bold


20 Para ciertas aplicaciones puede ser necesario o preferible una tipografía con serif, para este caso puede utilizarse la familia Times New Roman. También puede usarse como una tipografía secundaria y crear un contraste entre la Source sans pro y la Times New Roman. Debido a que esta tipografía no cuenta con una gama tan amplia de variaciones como la Source sans pro o la Arial, es más una tipografía para casos puntuales. Sin embargo al ser una tipografía que viene en el sistema operativo, representa un punto muy conveniente para su elección.

Times New Roman

Regular Regular Italic Bold Bold Italic

​ ​‌B​‌C​‌Ć​‌Č​‌D​‌Đ​‌E​‌F​‌G​‌H​‌I​‌J​‌K​ ‌A ‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌Š​‌T​‌U​‌V​‌W​ ‌X​‌Y​‌Z​‌Ž​‌a​‌b​‌c​‌č​‌ć​‌d​‌đ​‌e​‌f​‌g​‌h​‌i​‌j​ ‌k​‌l​‌m​‌n​‌o​‌p​‌q​‌r​‌s​‌š​‌t​‌u​‌v​‌w​‌x​‌y​‌z​‌ž​ ‌ÁĂ​‌Â​‌ÉÊÍÓ​‌Ô​‌ƠÚÜ​‌Ư​‌áă​ ‌âé​‌êí​ó‌ô​‌ơú​‌ưü​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​ ‌9​‌0​‌‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)​‌[​‌#​‌]​‌{​‌@​‌}​‌/​‌&​ ‌<​‌-​‌+​‌÷​‌×​‌=​‌>​‌®​‌©​‌$​‌€​‌£​‌¥​‌¢​‌:​‌;​‌,​‌.​ *‌


21

3.PAPELERร A 3.1 GENERAL La imagen de TOTH puede aplicarse en diferentes medios, siendo los siguientes los ejemplos mรกs bรกsicos.


3.2 TARJETA DE PRESENTACIÓN Para las tarjetas de presentación se utilizará una impresión a ambas caras. La primera deberá utilizar el logotipo de la empresa con un fondo activo basado en las paletas de colores. En el lado del reverso debe encontrarse el logotipo básico acompañado del nombre de la empresa y los datos del empleado respectivo. El texto deberá ir con el color azul del logotipo básico, haciendo énfasis en el puesto del empleado al usar un color distinto del azul mencionado anteriormente, respetando la paleta de colores.

22


23

3.3 HOJAS MEMBRETADAS Las hojas membretadas deberán utilizar la aplicación del logo acompañado del nombre de la empresa, en la esquina superior izquierda. A continuación deberán incluirse los datos más relevantes de la empresa en el color azul del logotipo base.


3.4 SOBRES Todos los sobres deberán llevar en la parte frontal el logotipo acompañado del nombre de la empresa en la esquina superior izquierda. La pestaña deberá utilizar uno de los colores de cualquiera de las paletas como fondo y en el centro el logotipo en versión a una tinta o negativo.

24


Créditos

25

Joanna Morales Aldo Pérez



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.