Haida project - manual d'identitat

Page 1

Manual d’identificació visual del projecte HAIDA


Índex 1. La identitat visual 1.1 El símbol 1.2 El logotip 1.3 La identitat visual 1.4 La identitat visual a color 1.6 La identitat visual a una tinta 1.7 La identitat visual en negatiu 1.8 “haidaproject.org”

4 5 6 7 8 14 15 16

2. Color 2.1 Referències de color

17 18

3. Tipografia 3.1 Tipografia 3.2 Tipografia complementària

19 20 21

4. Aplicacions 4.1 Targetes 4.2 Fulls A4 4.3 Sobres 4.4 Funda CD 4.5 CD 4.6 Samarretes

22 23 24 25 26 27 28


Introducció El Manual d’Identificació Visual ha estat creat amb la necessitat fonamental de dotar el col·lectiu d’una imatge pròpia. Així doncs, s’hi plasma el treball creatiu, la homogeneïtzació i l’aplicació de la imatge de Haida per a la difusió i promoció d’aquest projecte. Les normes, els exemples d’aplicació i les propostes plantejades en aquest manual aporten referències per tal de facilitar la correcta implantació dels signes d’identitat visual. Per aquest motiu, és obligatori el compliment en qualsevol elaboració de material gràfic.


1 IDENTITAT VISUAL


1.1 Símbol El símbol està compost per un iceberg construït a partir de formes geomètriques. Aquest es divideix per una línia irregular que simula la superfície dels oceans i que fragmenta l’element en dues parts per donar émfasi a la diferència entre la part visible d’aquests blocs de gel que a la realitat suren per les superfícies oceàniques i la part oculta dins del mar. D’aquesta manera els conceptes de “visibilitat” i “ocultació” fan referència a la metàfora de la desconeixença de la vertadera situació actual en la que viuen alguns animals en captivitat, contraposada a allò que la societat coneix i que aparentment, són unes condicions de vida idònies.

IDENTITAT VISUAL · 5


1.2 El logotip El logotip de Haida es composa sempre en caixa alta i en una sola línia, amb una tipografia recta i senzilla que s’escapça als extrems per donar continuïtat a la forma del símbol. La tipografia utilitzada és Adam (normal).

IDENTITAT VISUAL · 6


1.3 La identitat visual La identitat visual és la unió del símbol i el logotip. Sempre s’utilitzarà aquesta composició, ja que l’estructura i l’organització dels dos elements es basa en la idea de que Haida fa de pont que et guia cap a la veritat oculta i la descobreix.

IDENTITAT VISUAL · 7


1.4 La identitat visual a color 2 1

Es tracta d’una identitat visual dinàmica a la que se li canvien les tonalitats en funció de la utilitat que tingui en relació directa amb l’estructura de la plataforma web i és per aquest motiu que trobem cinc identitats visuals a color diferents. És una identitat visual amb moltes tonalitats diferents i per aquest motiu adjuntem un esquema numerat on es s’especifica cada color.

6

8

3

1 9

11

9

12

5

4

2

7

8

11

14

1

10 12

11 13

9

9

8 8

10

IDENTITAT VISUAL · 8


TONALITAT VERDA. El verd, un color primari, és el color de l’esperança, i aquesta és la raó de ser del projecte. Per aquest motiu, s’utilitzarà aquesta identitat visual a color verd com a principal, ja que defineix qui som i la nostra filosofia.

Color de pantalla:

Quadricromia:

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

R: 90 G: 173 B: 78 R: 104 G: 175 B: 38 R: 114 G: 179 B: 66 R: 178 G: 210 B: 147 R: 165 G: 202 B: 126 R: 215 G: 233 B: 205 R: 203 G:226 B: 195 R: 14 G: 102 B: 42 R: 14 G: 130 B: 49 R: 15 G: 127 B: 48 R: 19 G: 156 B: 50 R: 33 G: 119 B: 46 R: 19 G: 107 B: 44 R: 84 G: 171 B: 56

C: 84 C: 79 C: 76 C: 44 C: 51 C: 25 C: 31 C: 98 C: 98 C:98 C:96 C:96 C:98 C:86

M: 0 M: 0 M: 0 M: 0 M: 0 M:0 M: 0 M:45 M: 27 M: 27 M:3 M: 36 M:43 M:0

Y:94 Y:100 Y:97 Y:57 Y: 68 Y:28 Y: 33 Y:100 Y:100 Y:100 Y:100 Y:100 Y:100 Y:100

K:0 K:0 K:0 K:0 K: 0 K:0 K:0 K:12 K:0 K:0 K:0 K:0 K:8 K:0

IDENTITAT VISUAL · 9


TONALITAT TURQUESA. És un color que té la força de captivar els espectadors i envoltar-los d’una sensació refrescant i relaxant, alhora que transmet un sentiment de protecció. Per tots aquests motius serà utilitzat per tot aquell material personal que els usuaris comparteixin a la plataforma.

Color de pantalla:

Quadricromia:

1. 2. 3. 4. 5. 6. 7. 8. 9. 10.

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

11.

12. 13. 14.

R: 79 G: 148 R: 70 G: 145 R: 69 G: 129 R: 147 G: 187 R: 123 G: 170 R: 206 G: 220 R: 197 G: 214 R: 26 G: 88 R: 27 G: 114 R: 25 G: 110 R: 38 G: 130 R: 28 G: 102 R: 27 G: 96 R :55 G: 137

B: 150 B: 145 B: 145 B: 108 B: 175 B: 220 B: 212 B: 91 B: 111 B: 114 B: 131 B: 101 B: 98 B: 135

C: 86 C: 88 C: 88 C: 59 C: 69 C: 26 C: 31 C: 97 C: 97 C: 97 C: 95 C: 97 C: 97 C: 92

M: 24 M: 24 M: 38 M: 5 M: 17 M: 9 M: 10 M: 59 M: 42 M: 46 M: 32 M: 50 M: 54 M: 28

Y: 46 Y: 49 Y: 42 Y: 77 Y: 34 Y:16 Y: 20 Y: 64 Y: 65 Y: 60 Y: 56 Y: 66 Y: 64 Y: 56

K: 0 K: 0 K: 0 K: 0 K: 0 K: 0 K: 0 K:15 K: 3 K: 3 K: 0 K: 8 K: 10 K: 0

IDENTITAT VISUAL · 10


TONALITAT BLAVA. El color blau és un dels tres colors primaris i sovint és associat a la fidelitat, la intel·ligència i la humilitat. Per aquest motiu utilitzarem aquesta tonalitat per als projectes realitzats pels membres de Haida ja que aquests són un dels fonaments principals del projecte global.

Color de pantalla:

Quadricromia:

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

1. C: 78 2. C: 82 3. C: 84 4. C: 48 5. C: 58 6. C: 23 7. C: 27 8 C: 98 9. C: 96 10. C: 98 11. C: 95 12. C: 95 13. C: 97 14. C: 90

R: 89 G: 110 R: 82 G:106 R:75 G: 85 R:153 G: 166 R: 132 G: 147 R: 209 G: 216 R: 196 G: 203 R: 26 G: 34 R: 34 G: 30 R:28 G: 31 R: 41 G: 45 R: 41 G: 37 R: 30 G: 34 R: 57 G: 59

B:164 B: 170 B: 154 B: 203 B: 196 B: 227 B: 218 B: 96 B: 118 B: 117 B: 132 B: 111 B: 100 B: 139

M:56 Y: 9 K: 0 M: 59 Y: 0 K:0 M: 74 Y: 0 K:0 M: 30 Y: 6 K:0 M: 38 Y: 1 K:0 M: 13 Y: 8 K:0 M: 17 Y: 9 K:0 M: 100 Y: 36 K: 5 M: 100 Y:12 K:0 M: 100 Y: 14 K:0 M: 95 Y: 0 K:0 M: 99 Y: 23 K:0 M: 100 Y: 34 K: 3 M: 89 Y: 0 K:0

IDENTITAT VISUAL · 11


TONALITAT VIOLETA. L’estabilitat del color blau i l’energia del vermell, convergeixen en el poder i l’eternitat del color violeta. És per això que aquesta tonalitat viva i atrevida serà la referència de tot allò relacionat amb les col·laboracions.

Color de pantalla:

Quadricromia:

1. 2. 3. 4. 5. 6. 7. 8. 9. 10.

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

11.

12. 13. 14.

R: 137 G: 74 B: 152 R: 123 G: 70 B: 147 R: 118 G: 68 B: 147 R: 186 G: 147 B: 191 R: 169 G: 122 B: 176 R: 219 G: 206 B: 224 R: 210 G: 197 B: 215 R: 69 G: 26 B: 94 R: 94 G: 24 B: 117 R: 89 G: 22 B: 116 R: 106 G: 36 B: 133 R: 82 G: 25 B: 102 R: 76 G: 26 B: 101 R: 111 G: 56 B: 140

C: 50 C: 58 C: 61 C: 27 C: 35 C: 14 C: 18 C: 84 C: 73 C: 76 C: 67 C: 79 C: 82 C: 65

M: 88 M: 89 M: 89 M: 54 M: 67 M: 24 M: 26 M: 100 M: 100 M: 100 M: 98 M: 100 M: 100 M: 93

Y: 2 Y: 5 Y: 4 Y: 3 Y: 4 Y: 5 Y: 9 Y: 40 Y: 21 Y: 21 Y: 6 Y: 35 Y: 35 Y: 6

K: 0 K: 0 K: 0 K: 0 K: 0 K: 0 K: 0 K: 7 K: 0 K:0 K: 0 K: 2 K: 2 K:0

IDENTITAT VISUAL · 12


TONALITAT VERMELLA. El tercer i últim color primari és el vermell. Es tracta de la tonalitat més potent, forta i agressiva, fet que s’adiu completament a les notícies que es compartiran a la plataforma. Aquestes, són el motor del projecte en tant a que són els fets que ens provoquen inquietuds que volem reivindicar per així arribar a aconseguir un canvi d’hàbits i de mentalitat en la societat.

Color de pantalla:

Quadricromia:

1. 2. 3. 4. 5. 6. 7. 8. 9. 10.

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

11.

12. 13. 14.

R: 170 R: 174 R: 178 R: 209 R: 201 R: 232 R: 224 R: 101 R: 126 R: 123 R: 155 R:117 R: 104 R: 170

G: 79 B: 79 G: 39 B: 39 G: 68 B: 68 G: 149 B: 149 G: 127 B: 127 G: 207 B: 207 G: 195 B: 195 G: 14 B: 15 G: 19 B: 22 G: 19 B: 21 G: 21 B: 24 G: 33 B: 33 G: 20 B: 21 G: 57 B: 57

C: 28 C: 22 C: 22 C: 12 C: 14 C: 6 C: 9 C: 46 C: 40 C: 41 C: 32 C: 42 C: 45 C: 26

M: 86 M: 97 M: 90 M: 53 M: 65 M: 25 M: 30 M:100 M: 100 M: 100 M: 100 M: 99 M: 100 M: 93

Y: 68 K: 0 Y: 92 K: 0 Y: 74 K: 0 Y: 33 K: 0 Y: 42 K: 0 Y: 16 K: 0 Y: 20 K: 0 Y: 100 K: 31 Y: 100 K: 16 Y:100 K: 18 Y: 100 K: 3 Y: 97 K: 21 Y: 100 K: 29 Y: 82 K:0

IDENTITAT VISUAL · 13


1.5 La identitat visual a una tinta Podem reproduir la identitat visual amb impressió a una tinta. Seguint amb la idea de identitat visual dinàmica, el color de la tinta variarà en funció de la utilització tal i com s’ha explicat en l’apartat anterior (1.4).

IDENTITAT VISUAL · 14


1.6 La identitat visual en negatiu Podem reproduir la identitat visual amb impressiĂł en negatiu amb fons negre o de color fosc.

IDENTITAT VISUAL ¡ 15


1.7 “haidaproject.org” El logotip de “haidaproject.org” es composa sempre en caixa baixa, sense espai entre les paraules. S’utiliza la tipografia Archivo Narrow Bold per a “haida” i l’Archivo Narrow Regular per a “project.org”.

haidaproject.org haidaproject.org

El colors colors funcionen tal i com s’ha especificat en l’apartat 1.4. A continuació s’exposa una mostra de com es combinen.

haidaproject.org haidaproject.org

IDENTITAT VISUAL · 16


2 COLOR


2.1 Referències de color

Quadricromia C:77 M: 0 Y:0 K:0 Tinta plana Pantone 2126 XGC

Els colors corporatius són el verd, el turquesa, el blau, el violeta, el vermell i el negre, amb les referències que detallem a continuació.

Quadricromia C:80 M: 0 Y:100 K:0 Tinta plana Pantone 2422 CP

Quadricromia C: 68 M:0 Y:13 K:0 Tinta plana Pantone 311 CP

Quadricromia C:12 M:35 Y:0 K:0 Tinta plana Pantone 2597 XGC

Quadricromia C:0 M:95 Y:100 K:21 Tinta plana Pantone 2350 C

Quadricromia C:0 M:0 Y:0 K:100 Tinta plana Pantone Process Black

COLOR · 18


3 TIPOGRAFIA


3.1 Adam Adam Ês una tipografia sans-serif inspirada per Futura. TÊ un aspecte net, i s’utilitza o es pot utilitzar per a titulars, cartells, títols i subtítols. Es composa per 228 grà fics de carà cters. Es tracta d’una tipografia digital descarregable i gratuïta.

 Â?Â?Â?Â? ­ €‚ƒ„…†‡ˆ‰Š‹ŒŽ ‘’“”•–—˜™š TIPOGRAFIA ¡ 20


3.2 Tipografia complementària Archivo Narrow és una tipografia dissenyada per ser utilitzada simultàniament en plataformes d’impressió i digitals. Es tracta d’una font sans-serif de la família Omnimbus derivada del Chivo.

Archivo Narrow Regular (normal):

ABCÇDEFGHIJKLMNÑOPQRSTUVWXYZ abcçdefghijklmnñopqrstuvwxyz 0123456789 Archivo Narrow Italic (cursiva):

ABCÇDEFGHIJKLMNÑOPQRSTUVWXYZ abcçdefghijklmnñopqrstuvwxyz 0123456789 Archivo Narrow Bold (negreta):

ABCÇDEFGHIJKLMNÑOPQRSTUVWXYZ abcçdefghijklmnñopqrstuvwxyz 0123456789 Archivo Narrow Bold Italic (negreta i cursiva):

ABCÇDEFGHIJKLMNÑOPQRSTUVWXYZ abcçdefghijklmnñopqrstuvwxyz 0123456789 COLOR · 21


4 APLICACIONS


4.1 Targeta Dimensions: 80 mm x 55 mm Tipus de paper: Supralbor Blanca 250 gr/m2

www.haidaproject.org

Nom i cognoms Departament Carrer Sant Antoni, 1 Salt (17190) 972 40 22 58

APLICACIONS · 23


4.2 Fulls A4 Dimensions: 297 mm x 210 mm Tipus de paper: Pioneer Offset 90 gr/m2

Carrer Sant Antoni, 1 Salt (17190) | 972 40 22 58 | info@haidaproject.org | www.haidaproject.org

APLICACIONS · 24


4.3 Sobres Dimensions: 225 mm x 115 mm Tipus: Sobres Artes Graficas 90 gr/m2 (Sobre americà amb finestreta)

Carrer Sant Antoni, 1 Salt (17190) | 972 40 22 58 | info@haidaproject.org | www.haidaproject.org

APLICACIONS · 25


4.4 Funda CD Dimensions: 125 mm x 250 mm

APLICACIONS· 26


4.5 CD

www.haidaproject.org

APLICACIONS · 27


4.6 Samarretes Tipus de teixit: 100% cotó

www.haidaproject.org

APLICACIONS · 28


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.