Modelo de Manual de ID Visual - Marcelo Kimura

Prévia do material em texto

<p>MANUAL DA</p><p>IDENTIDADE</p><p>VISUAL</p><p>VERSÃO 1.0</p><p>1. APRESENTAÇÃO 3</p><p>2. CONCEITO 4</p><p>2.1 SÍMBOLO 5</p><p>2.2 A BORBOLETA 6</p><p>2.3 A LETRA “F” 7</p><p>2.4 O DIAMANTE 8</p><p>3. CORES E TEXTURAS 9</p><p>3.1 CORES INSTITUCIONAIS 10</p><p>3.2 ESPECIFICAÇÕES TÉCNICAS: CORES PRINCIPAIS 11</p><p>3.3 ESPECIFICAÇÕES TÉCNICAS: VARIAÇÕES 12</p><p>3.4 TEXTURAS 13</p><p>4. PATTERN E ELEMENTOS VISUAIS 14</p><p>4.1 BIBLIOTECA DE SÍMBOLOS 15</p><p>4.2 COMO UTILIZAR 16</p><p>5. TIPOGRAFIA 17</p><p>5.1 TIPOGRAFIAS ESTABELECIDAS 18</p><p>5.2 GRAVESAND 19</p><p>5.3 TERMINA 20</p><p>5.4 TURBINADO 21</p><p>5.5 POPPINS 22</p><p>ÍNDICE</p><p>6. FOTOGRAFIA 23</p><p>6.1 FOTOGRAFIA DE MODELOS 24</p><p>6.2 CONTRASTE 25</p><p>6.3 DUOTONE 26</p><p>6.4 JOIAS 27</p><p>7. LOGOTIPO 28</p><p>7.1 VERSÕES 29</p><p>7.2 POSITIVO E NEGATIVO 30</p><p>7.3 USOS INCORRETOS 31</p><p>7.4 REDUÇÃO 32</p><p>7.5 ÁREA DE PROTEÇÃO 33</p><p>7.6 APLICAÇÃO SOBRE FUNDOS 34</p><p>7.7 ÁREA DE PROTEÇÃO 35</p><p>8. UTILIZAÇÃO DOS ARQUIVOS 36</p><p>8.1 RGB 37</p><p>8.2 CMYK 37</p><p>NEGATIVO / POSITIVO 37</p><p>9. APLICAÇÕES E SUGESTÕES DE USO 38</p><p>1. APRESENTAÇÃO A marca é o bem mais valioso que uma empresa ou uma</p><p>pessoa pode ter e sua Identidade Visual é responsável por</p><p>traduzir graficamente toda a essência que ela representa.</p><p>Uma marca forte necessita de uniformidade e coerência,</p><p>por isso foram criados padrões que garantem que todos</p><p>os elementos estejam integrados em todas as manifes-</p><p>tações gráficas - que inclui logotipo, tipografia e cores -</p><p>garantindo uniformidade e harmonia.</p><p>O objetivo deste Manual é orientar e facilitar a utilização</p><p>correta dos elementos que identificam a marca, facilitan-</p><p>do a aplicação e, consequentemente, a assimilação por</p><p>parte do público alvo.</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>3</p><p>2. CONCEITO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>4</p><p>O símbolo da Francisca foi construído com</p><p>base em 3 elementos: a borboleta, a letra F e</p><p>o diamante.</p><p>2.1 Símbolo</p><p>2. CONCEITO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>5</p><p>2.2 A borboleta</p><p>A Borboleta é um simbolo que carrega muitos</p><p>valores interessantes ao universo proposto</p><p>pela Francisca.</p><p>Ela está presente no símbolo de maneira</p><p>abstrata, mas suas proporções e a própria si-</p><p>metria tornam a percepção da borboleta uma</p><p>característica quase óbvia.</p><p>2. CONCEITO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>6</p><p>2.3 A letra “F”</p><p>Uma característica um pouco mais subjetiva</p><p>é a presença da letra “F”, de Francisca.</p><p>O “F” entra em conjunto com as asas da bor-</p><p>boleta. Ele pode não ser lido como tal, mas</p><p>certamente irá ajudar a reforçar o símbolo no</p><p>subconsciente das pessoas por se tratar de</p><p>uma forma familiar.</p><p>FF</p><p>2. CONCEITO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>7</p><p>2.4 O diamante</p><p>O losango é uma representação minimalis-</p><p>ta de joia, de riqueza. O nome “losango” em</p><p>inglês é traduzido como “diamond”, que em</p><p>português significa “diamante”.</p><p>O losango é um símbolo celta que significa</p><p>“Grande mãe”, portanto trata-se de um sím-</p><p>bolo que representa o feminino.</p><p>Na Irlanda, o losango é usado pelas mulheres</p><p>como um amuleto de proteção.</p><p>2. CONCEITO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>8</p><p>3. CORES E TEXTURAS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>9</p><p>Determinamos o azul como cor predominante</p><p>da marca, bem como outras 4 cores secundá-</p><p>rias. Cada cor possui outras 5 variações que</p><p>irão permitir mais flexibilidade nas aplicações</p><p>do e-commerce.</p><p>PRINCIPAL SECUNDÁRIAS</p><p>3.1 Cores institucionais</p><p>3. CORES E TEXTURAS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>10</p><p>Garantir a fidelidade das cores ajuda a manter</p><p>a consistência da marca. O padrão CMYK e</p><p>Pantone deve ser usado em materiais impres-</p><p>sos. Já RGB e Hexadecimal em peças com</p><p>propósito de serem exibidas em algum tipo</p><p>de tela eletrônica, como websites e vídeos.</p><p>Hex</p><p>RGB</p><p>CMYK</p><p>Pantone</p><p>Hex</p><p>RGB</p><p>CMYK</p><p>Pantone</p><p>Hex</p><p>RGB</p><p>CMYK</p><p>Pantone</p><p>Hex</p><p>RGB</p><p>CMYK</p><p>Pantone</p><p>9DDAFF</p><p>157 218 255</p><p>38 4 0 0</p><p>291 C</p><p>FFF3C9</p><p>255 243 201</p><p>0 0 28 0</p><p>7499 U</p><p>FFD2CC</p><p>255 210 204</p><p>0 21 14 0</p><p>4032 C</p><p>CCE2C9</p><p>204 226 201</p><p>13 0 9 0</p><p>621 C</p><p>3.2 Especificações técnicas:</p><p>cores principais</p><p>3. CORES E TEXTURAS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>11</p><p>Essas variações em Hexadecimal servem para</p><p>abrir possibilidades nas aplicações WEB. 87C9F3</p><p>70BAE7</p><p>59AADB</p><p>459ACE</p><p>2C8AC1</p><p>FFE1AE</p><p>E8C895</p><p>D1AF7C</p><p>BA9662</p><p>A37D49</p><p>B2CCB0</p><p>99B596</p><p>829E7D</p><p>698763</p><p>4F734A</p><p>FFBCB3</p><p>FFA99D</p><p>FD968A</p><p>F18478</p><p>E47466</p><p>3.3 Especificações técnicas:</p><p>variações</p><p>3. CORES E TEXTURAS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>12</p><p>3.4 Texturas</p><p>Outro recurso que pode ser utilizado além</p><p>do preenchimento sólido são texturas. Aqui</p><p>estabelecemos 3:</p><p>Dourado</p><p>Prata</p><p>Holográfico</p><p>3. CORES E TEXTURAS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>13</p><p>4. PATTERN E ELEMENTOS VISUAIS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>14</p><p>A marca Francisca conta com uma biblioteca</p><p>de ícones, cujo objetivo é dar apoio aos mate-</p><p>riais da marca.</p><p>Os ícones foram criados inspirados pelas</p><p>formas do símbolo, mantendo assim coerên-</p><p>cia na linguagem e reforçando ainda mais a</p><p>identidade da Francisca.</p><p>4.1 Biblioteca de símbolos</p><p>4. PATTERN E ELEMENTOS VISUAIS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>15</p><p>Os elementos podem ser usados de forma</p><p>ordenada, dando origem a um padrão (Fig.</p><p>01) ou de forma randômica, servindo para dar</p><p>apoio a materiais diversos (Fig. 02).</p><p>Fig. 01</p><p>Fig. 02</p><p>4.2 Como utilizar</p><p>4. PATTERN E ELEMENTOS VISUAIS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>16</p><p>5. TIPOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>17</p><p>TÍTULOS / CAMPANHAS</p><p>APOIO / CAMPANHAS</p><p>TEXTO</p><p>GRAVESAND</p><p>TERMINA</p><p>POPPINS</p><p>Turbinado</p><p>A tipografia é a voz da marca. Manter um pa-</p><p>drão ajuda a reforçar a pregnância da marca</p><p>na memória do público.</p><p>Estabelecemos 4 fontes para a marca. A ideia</p><p>é tornar a comunicação dinâmica e diversifi-</p><p>cada, abrindo um grande leque de possibilida-</p><p>des e combinações.</p><p>A fonte para títulos escolhida é a Gravesand,</p><p>que irá trabalhar junto com a Termina e a</p><p>Turbinado para criar mais possibilidades para</p><p>títulos / campanhas. Elas estão disponíveis</p><p>no Adobe Fonts.</p><p>Já para textos, a fonte escolhida foi a Poppins</p><p>e está disponível no Google Fonts.</p><p>5.1 Tipografias estabelecidas</p><p>5. TIPOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>18</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>É uma fonte que apresenta apenas os ca-</p><p>racteres maiúsculos. Possui 4 pesos e uma</p><p>versão Inline que pode agregar mais estilo às</p><p>composições tipográficas da marca.</p><p>5.2 Gravesand</p><p>5. TIPOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>19</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>Trata-se de uma fonte extended com 6 pesos.</p><p>Vai muito bem nas composições de títulos</p><p>juntamente com a Gravesand.</p><p>5.3 Termina</p><p>5. TIPOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>20</p><p>The quick brown fox jumps over the lazy dog.</p><p>The quick brown fox jumps over the lazy dog.</p><p>The quick brown fox jumps over the lazy dog.</p><p>a a a</p><p>b b b b b</p><p>c c c</p><p>d d d d d</p><p>Uma fonte estilo script super versátil. Contém</p><p>diversos caracteres alternativos que possibili-</p><p>tam uma vasta gama de combinações.</p><p>5.4 Turbinado</p><p>5. TIPOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>21</p><p>Alice estava bem atrás dele quando dobrou a esquina, mas ain-</p><p>da era possível avistar o coelho. A menina encontrou-se, então,</p><p>em um comprido e baixo aposento, que era iluminado por uma</p><p>fileira de lâmpadas penduradas no teto.</p><p>Havia portas por toda a volta do aposento, mas estavam todas</p><p>trancadas, e depois que Alice percorreu uma a uma, tentando</p><p>cada porta sem sucesso, ela voltou tristemente para o centro do</p><p>quarto, pensando sobre como sairia daquela.</p><p>Essa fonte possui o desenho geométrico e 9</p><p>pesos, permitindo uma ampla gama de pos-</p><p>sibilidades. A ideia é utilizá-la em corpo de</p><p>textos. Também pode ser utilizada nas letras</p><p>miúdas nos banners do site.</p><p>5.5 Poppins</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>ABCDEFG.*#?01234</p><p>5. TIPOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>22</p><p>6. FOTOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE</p><p>VISUAL</p><p>23</p><p>Estabelecer um estilo fotográfico é importante pois ajuda</p><p>a marca a ser ainda mais memorável nos mais diversos</p><p>meios de aplicação. Para este projeto foram criados 2</p><p>padrões para fotografias com modelos.</p><p>6.1 Fotografia de modelos</p><p>6. FOTOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>24</p><p>Para alcançar esse resultado, tiramos a</p><p>saturação, aumentamos o contraste e adi-</p><p>cionamos a cor institucional #FFE1AE nas</p><p>partes mais claras utilizando Blend Mode no</p><p>Photoshop.</p><p>A ideia é usar a imagem da modelo com baixa</p><p>luminosidade para dar destaque ao produto.</p><p>6.2 Contraste</p><p>6. FOTOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>25</p><p>6.3 Duotone</p><p>Outra técnica que pode ser utilizada nas foto-</p><p>grafias das modelos é o Duotone, que consis-</p><p>te em trabalhar com apenas 2 cores institu-</p><p>cionais: uma mais escura para as sombras e</p><p>outras mais clara para as luzes.</p><p>6. FOTOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>26</p><p>6.4 Joias</p><p>A ideia para trabalhar as fotos dos produtos é</p><p>brincar com a composição, aumentando o ta-</p><p>manhos e diversificando a posição. O objetivo</p><p>é sair da mesmice e valorizar as peças.</p><p>6. FOTOGRAFIA</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>27</p><p>7. LOGOTIPO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>28</p><p>Para proporcionar mais flexibilidade nas apli-</p><p>cações, o logotipo da Francisca possui 4 ver-</p><p>sões: Vertical 01 - de uso preferencial, Vertical</p><p>02 , Horizontal 01 e Horizontal 02.</p><p>VERSÃO HORIZONTAL 01 VERSÃO HORIZONTAL 02</p><p>VERSÃO VERTICAL 01 VERSÃO VERTICAL 02</p><p>USO PREFERENCIAL</p><p>7.1 Versões</p><p>7. LOGOTIPO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>29</p><p>7.2 Positivo e Negativo</p><p>É importante manter as cores institucio-</p><p>nais da marca, mas caso ocorram limi-</p><p>tações que impeçam as cores de serem</p><p>reproduzidas, o logotipo pode ser aplicado</p><p>em positivo ou negativo.</p><p>NEGATIVOPOSITIVO</p><p>7. LOGOTIPO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>30</p><p>7.3 Usos incorretos</p><p>A fim de manter a identidade da marca, o</p><p>logotipo nunca deverá ser alterado, seja nas</p><p>suas cores, diagramação ou proporções.</p><p>Verifique os usos incorretos da marca e com-</p><p>pare com a versão correta.</p><p>FOI ALTERADA A PROPORÇÃO</p><p>ENTRE OS ELEMENTOS.</p><p>O LOGO FOI DEFORMADO FOI ALTERADA A TIPOGRAFIA</p><p>FRANCISCA</p><p>FORAM USADAS CORES</p><p>NÃO INSTITUCIONAIS</p><p>CORRETO</p><p>FOI ALTERADO O ESPAÇO</p><p>ENTRE OS ELEMENTOS</p><p>7. LOGOTIPO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>31</p><p>7.4 Redução</p><p>Reduzir demasiadamente o logo pode dificul-</p><p>tar sua leitura e o seu reconhecimento. Além</p><p>disso, os limites de redução estão sujeitos ao</p><p>processo empregado, à qualidade do original</p><p>utilizado e à qualidade da reprodução obtida.</p><p>A recomendação como limite de redução para</p><p>impressões off-set são as medidas especifica-</p><p>das ao lado. A sua redução além desse limite</p><p>poderá comprometer a leitura da marca.</p><p>6mm</p><p>3mm</p><p>9mm</p><p>4mm</p><p>7. LOGOTIPO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>32</p><p>7.5 Área de proteção</p><p>Para evitar interferência de outros elementos</p><p>gráficos e preservar a integridade e legibilida-</p><p>de da marca deve ser resguardado um espa-</p><p>ço ao seu redor. A esse espaço atribuímos o</p><p>nome de “área de proteção”.</p><p>Para determinar a área de proteção da marca</p><p>usaremos a letra “F” 2 vezes como medida,</p><p>que determina o tamanho do espaço que</p><p>deve ser reservado ao logo.</p><p>Independente da aplicação, é importante que</p><p>nada interfira nesse espaço.</p><p>7. LOGOTIPO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>33</p><p>A marca pode ser colocada sobre fundo bran-</p><p>co ou sobre as cores institucionais, represen-</p><p>tadas em “Cores” na página 10.</p><p>É importante nunca aplicar a marca sobre</p><p>fundos com contraste insuficiente para a</p><p>legibilidade.</p><p>7.6 Aplicação sobre fundos</p><p>7. LOGOTIPO</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>34</p><p>Sempre que for necessário aplicar a marca</p><p>sobre fundos que não sejam as cores institu-</p><p>cionais, é importante verificar se a legibilida-</p><p>de não ficará prejudicada.</p><p>Caso o fundo prejudique a legibilidade, um</p><p>box na cor institucional poderá ser aplicado.</p><p>As medidas obedecem as mesmas caracterís-</p><p>ticas descritas em “7.5 Área de proteção” na</p><p>página 33.</p><p>FUNDO QUE NÃO PREJUDICA A LEGIBILIDADE. QUANDO O FUNDO PREJUDICAR A LEGIBILIDADE DO</p><p>LOGOTIPO, UM BOX PODERÁ SER APLICADO.</p><p>7.7 Área de proteção</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>35</p><p>8. UTILIZAÇÃO DOS ARQUIVOS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>36</p><p>8.1 RGB</p><p>Devem ser usados quando o objetivo é a leitu-</p><p>ra em telas de dispositivos eletrônicos, como</p><p>sites, redes sociais, vídeos, etc.</p><p>8.2 CMYK</p><p>Devem ser usados quando o objetivo final é</p><p>impressão.</p><p>Negativo / Positivo</p><p>Para usos específicos. Utilize apenas quando</p><p>seu fornecedor pedir.</p><p>8. UTILIZAÇÃO DOS ARQUIVOS</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>37</p><p>9. APLICAÇÕES E</p><p>SUGESTÕES DE USO</p><p>A seguir disponibilizamos algumas imagens</p><p>de aplicações e sugestões de uso do projeto</p><p>de identidade visual.</p><p>Elas servem para dar um direcionamento de</p><p>como pensamos que esse projeto poderá ser</p><p>utilizado no dia a dia da Francisca.</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>38</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>39</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>40</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>41</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>42</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>43</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>44</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>45</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>46</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>47</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>48</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>49</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>50</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>51</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>52</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>53</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>54</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>55</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>56</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>57</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>58</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>59</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>60</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>61</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>62</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>63</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>64</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>65</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>66</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>67</p><p>FRANCISCA</p><p>MANUAL DA IDENTIDADE VISUAL</p><p>68</p><p>DESIGNERS GRÁFICOS</p><p>MARCELO KIMURA | WALTER MATTOS</p><p>www.marcelokimura.com.br</p><p>www.waltermattos.com</p><p>http://marcelokimura.com.br</p><p>http://www.marcelokimura.com.br</p><p>http://www.waltermattos.com</p><p>1. Apresentação</p><p>2. Conceito</p><p>2.1 Símbolo</p><p>2.2 A borboleta</p><p>2.3 A letra “F”</p><p>2.4 O losango</p><p>3. Cores e texturas</p><p>3.1 Cores institucionais</p><p>3.2 Especificações técnicas: cores principais</p><p>3.3 Especificações técnicas: variações.</p><p>3.4 Texturas</p><p>4. pattern e elementos visuais</p><p>4.1 Biblioteca de símbolos</p><p>4.1 Como utilizar</p><p>5. tipografia</p><p>5.1 Tipografias estabelecidas</p><p>5.2 Gravesand</p><p>5.3 Termina</p><p>5.4 Turbinado</p><p>5.5 Poppins</p><p>6. fotografia</p><p>6.1 Fotografia de modelos</p><p>6.2 Constraste</p><p>6.3 Duotone</p><p>6.4 Joias</p><p>7. logotipo</p><p>7.1 Versões</p><p>7.2 Positivo e Negativo</p><p>7.3 Usos incorretos</p><p>7.4 Redução</p><p>7.5 Área de proteção</p><p>7.6 Aplicação sobre fundos</p><p>7.7 Área de proteção</p><p>8. utilização dos arquivos</p><p>8.1 RGB</p><p>8.2 CMYK</p><p>Negativo / Positivo</p><p>9. Aplicações e sugestões de uso</p>