{"id":2373,"date":"2014-09-22T17:14:08","date_gmt":"2014-09-22T20:14:08","guid":{"rendered":"https:\/\/waltermattos.com\/?p=2373"},"modified":"2016-03-01T17:53:53","modified_gmt":"2016-03-01T20:53:53","slug":"o-grid-vem-antes-ou-depois-design-da-marca","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/","title":{"rendered":"O grid vem antes ou depois do design da marca?"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/IzsExhXT970\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Se tem uma pergunta que recebo com frequ\u00eancia \u00e9 sobre o momento certo de pensar no grid, especialmente em projetos de design de marca, logo, assinatura visual, ou como queira chamar.<\/p>\n<p>\u00c9 uma pergunta bem dif\u00edcil de responder, pois cada caso \u00e9 um caso e cada pessoa tem seu m\u00e9todo. Por isso, cheguei a conclus\u00e3o de que a melhor forma de responder seria mostrar um pouco do meu processo, ent\u00e3o, neste v\u00eddeo apresento 3 projetos reais de cria\u00e7\u00e3o e constru\u00e7\u00e3o, cada um utilizando um processo diferente, mas que ainda assim n\u00e3o resumem todas as possibilidades. At\u00e9 mesmo porque as possibilidades s\u00e3o infinitas.<\/p>\n<p>Aproveitei, claro, para explorar um pouco de propor\u00e7\u00e3o \u00e1urea a pedido de alguns entusiastas como eu.<\/p>\n<p><strong>Mais abaixo voc\u00ea encontra a vers\u00e3o transcrita do conte\u00fado, caso queira revisar a qualquer momento ou n\u00e3o possa assistir ao v\u00eddeo.<\/strong><\/p>\n<p>Espero que voc\u00ea goste.<\/p>\n<h4>Refer\u00eancias citadas no v\u00eddeo<\/h4>\n<h5>Livro:<\/h5>\n<p><a title=\"A forma do livro - Jan Tschichold\" href=\"https:\/\/waltermattos.com\/go\/a-forma-do-livro-jan-tschichold\/\" target=\"_blank\">A forma do livro \u2013 Jan Tschichold<\/a><\/p>\n<h5>Designers citados:<\/h5>\n<p>Jan Tschichold<br \/>\nJosef M\u00fcller-Brockmann<\/p>\n<h5>Site:<\/h5>\n<p><a title=\"LLGD\" href=\"http:\/\/llgd.net\/\" target=\"_blank\">LLGD<\/a><\/p>\n<h5>Projetos:<\/h5>\n<p>Bruno Cabral Advogado<br \/>\nCEFAE<br \/>\nFeedbacker<br \/>\nKMD<br \/>\nWalter Mattos Design<\/p>\n<h1>Abaixo segue a transcri\u00e7\u00e3o do v\u00eddeo.<\/h1>\n<h2>Introdu\u00e7\u00e3o<\/h2>\n<p>E a\u00ed galera, beleza? Walter Mattos mais uma vez, e hoje tentando responder uma pergunta muito comum, que eu recebo praticamente toda semana e est\u00e1 se tornando cada vez mais frequente.<\/p>\n<p><strong>O grid vem antes ou depois do design da marca?<\/strong><\/p>\n<p>E a resposta que eu posso te dar \u00e9: <strong>depende<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2399\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Antes_01b_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_Antes_01b_Animacao\" \/>\n<p>Se voc\u00ea j\u00e1 acompanha meu blog deve ter visto que na verdade um grid pode vir antes, depois, ou mesmo n\u00e3o existir em um projeto de design.<\/p>\n<p>Mas a gente est\u00e1 falando de design de marcas, certo? E o que eu vejo \u00e9 o pessoal muito confuso na hora de decidir qual o momento certo de pensar no grid.<\/p>\n<p>Inclusive tem um coment\u00e1rio interessante de um leitor do Blog llgd.net que comentou o meu projeto &#8220;Bruno Cabral Advogado&#8221; com a seguinte frase, que eu estou traduzindo para voc\u00ea:<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2398\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/wm_portfolio_2013_bruno_cabral_04_Page_09_640.png\" alt=\"wm_portfolio_2013_bruno_cabral_04_Page_09_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/wm_portfolio_2013_bruno_cabral_04_Page_09_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/wm_portfolio_2013_bruno_cabral_04_Page_09_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<div class=\"testimonial\"><div class=\"inner\"><h3>Leitor do site llgd.net<\/h3><div class=\"content\"><p><em>\u201cO logo \u00e9 impressionante e parece consistente, mas algumas linhas s\u00e3o pura besteira.<\/p>\n<p>Ser\u00e1 que podemos parar de fazer designs e depois colocar centenas de c\u00edrculos em overlay para parecer que nos baseamos neles?\u201d<\/em><\/p>\n<\/div><div class=\"clear\"><\/div><div class=\"client\"><span class=\"name\">Leitor do site llgd.net falando sobre o projeto Bruno Cabral Advogado<\/span><\/div><\/div><\/div>\n<p>Ou seja, algumas pessoas realmente acham que o grid ou as linhas guia entram depois que o design j\u00e1 est\u00e1 100% pronto.<\/p>\n<p>O que seria uma coincid\u00eancia absurda, n\u00e3o \u00e9?<\/p>\n<h2>Exemplo 1: s\u00edmbolo Feedbacker<\/h2>\n<p>Imagina esse s\u00edmbolo aqui, por exemplo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2391\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Feedbacker_01_640.png\" alt=\"tut_O_Grid_Vem_Antes_Depois_Feedbacker_01_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Feedbacker_01_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Feedbacker_01_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Suponha que eu acabei de finalizar ele sem me basear em absolutamente nada e vou tentar jogar algumas guias e c\u00edrculos s\u00f3 para encher lingui\u00e7a.<\/p>\n<p>E a\u00ed por coincid\u00eancia ou um milagre da natureza eu descubro que esse s\u00edmbolo poderia ter sido constru\u00eddo com base no ret\u00e2ngulo \u00e1ureo, que por sua vez poderia ter sido multiplicado algumas vezes, girado a 36 graus e que depois eu poderia jogar algumas \u201cbolinhas\u201d que se alinhariam perfeitamente com a forma do s\u00edmbolo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2396\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Feedbacker_01_640_Animado.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_Feedbacker_01_640_Animado\" \/>\n<p>Voc\u00ea teria que ser um designer de muita sorte para conseguir fazer isso.<\/p>\n<p>Ent\u00e3o, no caso desse s\u00edmbolo a ideia do grid veio antes do projeto, porque o conceito do projeto, que veio do pr\u00f3prio cliente, envolvia a ideia de \u201cespiral\u201d. E a\u00ed foi igual dar doce para crian\u00e7a, n\u00e9? Eu j\u00e1 comecei utilizando a espiral \u00e1urea como base para a constru\u00e7\u00e3o, mesmo que no final a forma do s\u00edmbolo n\u00e3o remeta a espiral \u00e1urea.<\/p>\n<p>E eu fiz quest\u00e3o de explicar para o cliente o que \u00e9 propor\u00e7\u00e3o \u00e1urea e qual rela\u00e7\u00e3o isso tem com a marca dele, e inclusive tinha uma justificativa para o giro de 36\u00ba.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2421\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Feedbacker_07_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_Feedbacker_07_Animacao\" \/>\n<p>E deixando claro que n\u00e3o \u00e9 sempre que voc\u00ea pode se aprofundar tanto para explicar um projeto para o cliente, mas nesse caso ele \u00e9 um cliente muito receptivo e muito interessado. E adora uma explica\u00e7\u00e3o conceitual.<\/p>\n<p>\u00c9 muito importante que voc\u00ea tente entender seu cliente antes de montar uma apresenta\u00e7\u00e3o para ele. Por isso \u00e9 t\u00e3o importante o momento da conversa e do briefing. Mas enfim.<\/p>\n<p>Eu n\u00e3o duvido que algumas pessoas tentem tirar proveito da fama que os grids t\u00eam hoje, mas a verdade \u00e9 que desde que design \u00e9 design eles j\u00e1 existiam para nos auxiliar, e um designer s\u00e9rio nunca vai fazer isso para impressionar ningu\u00e9m, mas sim para manter uma coer\u00eancia e t\u00e9cnica no seu trabalho.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2422\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Joseph_01_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_Joseph_01_Animacao\" \/>\n<p>E se tem uma frase que representa muito bem essa quest\u00e3o \u00e9 do Jan Tshichold, j\u00e1 citado em outros v\u00eddeos por aqui, e foi tirada do livro \u201cA forma do livro\u201d, onde ele diz o seguinte:<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2423\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Jan_00_640.png\" alt=\"tut_O_Grid_Vem_Antes_Depois_Jan_00_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Jan_00_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Jan_00_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<div class=\"testimonial\"><div class=\"inner\"><h3>Dica Jan Tschichold - propor\u00e7\u00f5es intencionais<\/h3><div class=\"content\"><p><em>\u201cN\u00e3o sabemos por qu\u00ea, mas podemos demonstrar que um ser humano acha os planos de propor\u00e7\u00f5es definidas e intencionais mais agrad\u00e1veis ou mais belos do que os de propor\u00e7\u00f5es acidentais.\u201d<\/em><\/p>\n<\/div><div class=\"clear\"><\/div><div class=\"client\"><span class=\"name\">Jan Tshichold<\/span><\/div><\/div><\/div>\n<p>Fica a\u00ed a dica do Jan Tshichold.<\/p>\n<h2>Exemplo 2: s\u00edmbolo Bruno Cabral<\/h2>\n<p>Mas voltando ao projeto Bruno Cabral, eu tenho que te explicar um pouco do processo pra voc\u00ea entender em que momento surgiu o grid.<\/p>\n<p>Eu tinha a ideia da Themis e tinha refer\u00eancias da Themis mas eu n\u00e3o tinha refer\u00eancia da Themis na posi\u00e7\u00e3o exata que eu queria desenhar.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2402\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Themis_01_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_Themis_01_Animacao\" \/>\n<p>Ent\u00e3o eu tirei uma foto de mim mesmo na posi\u00e7\u00e3o que eu queria e fiz um rascunho bem rascunho em cima dessa foto. Pois \u00e9.<\/p>\n<p>E como voc\u00ea pode ver o conceito que eu estava trabalhando aqui era de usar as iniciais do nome dele na balan\u00e7a.<\/p>\n<p>Ideia que morreu quando eu joguei esse rascunho para o computador e comecei a trabalhar em cima dele. E foi a\u00ed que veio a ideia do grid.<\/p>\n<p>Foi nesse momento que eu pensei que podia entrar com o tri\u00e2ngulo para defender um conceito que representava a ideia de \u201cbase s\u00f3lida\u201d, e uma coisa foi levando a outra.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2404\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Themis_07_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_Themis_07_Animacao\" \/>\n<p>Eu comecei a entrar com os c\u00edrculos para suavizar as curvas e as linhas para manter uma coer\u00eancia de alinhamento, e utilizei uma refer\u00eancia para finalizar o rosto.<\/p>\n<p>Como voc\u00ea pode ver, tudo aqui foi bem proposital.<\/p>\n<p>N\u00e3o \u00e9 coincid\u00eancia que existam essas interse\u00e7\u00f5es nestes pontos vermelhos que voc\u00ea est\u00e1 vendo. At\u00e9 porque, como uma coisa foi levando a outra, eu fui me cercando durante todo o processo.<\/p>\n<p>Isso n\u00e3o significa que eu n\u00e3o possa fugir do meu grid, pois como voc\u00ea pode ver nos pontos azuis, eu fugi.<\/p>\n<p>E tamb\u00e9m n\u00e3o \u00e9 \u00e0 toa que a balan\u00e7a ocupa um tri\u00e2ngulo inscrito na metade do tri\u00e2ngulo maior.<\/p>\n<p>Mas pode ser que voc\u00ea ainda tenha ficado com d\u00favidas em rela\u00e7\u00e3o a fun\u00e7\u00e3o desses c\u00edrculos, ent\u00e3o deixa eu explicar melhor.<\/p>\n<p>Vou dar um zoom nessa imagem para voc\u00ea dar uma olhada no ponto n\u00famero 1, o pesco\u00e7o. Por que eu tenho esse c\u00edrculo aqui? Para usar como base para suavizar a curvatura do pesco\u00e7o. \u00c9 s\u00f3 isso, n\u00e3o tem outra fun\u00e7\u00e3o.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-2406\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Themis_19b_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_Themis_19b_Animacao\" \/>\n<p>Eu poderia ter desenhado sem usar o c\u00edrculo? Sim, mas eu correria o risco de deixar essa curva irregular, e eu n\u00e3o queria que essa curva fosse irregular.<\/p>\n<p>O mesmo acontece no ponto n\u00famero 2. Eu usei esse c\u00edrculo para ajustar a curva do pesco\u00e7o.<\/p>\n<p>Mas agora olha o n\u00famero 3. Repara que eu uso um c\u00edrculo bem grande para resolver a parte do ombro, mas no ponto 4 eu fa\u00e7o um ajuste \u00f3tico.<\/p>\n<p>Ou seja, eu estou usando o c\u00edrculo para tentar criar a curva perfeita, mas no final eu decido fazer um ajuste \u00f3tico por considerar que fica mais harmonioso dessa forma.<\/p>\n<p>E o mesmo vale para as outras v\u00e1rias partes do s\u00edmbolo onde voc\u00ea n\u00e3o v\u00ea c\u00edrculos.<\/p>\n<p>Ent\u00e3o, nesse caso eu posso dizer que o grid veio depois da ideia final. N\u00e3o veio depois do desenho final, mas depois do desenho original da Themis.<\/p>\n<p><a title=\"Bruno Cabral Advogado - Behance\" href=\"https:\/\/www.behance.net\/gallery\/6309147\/Bruno-Cabral-Advogado\" target=\"_blank\">Veja aqui o projeto Bruno Cabral Advogado.<\/a><\/p>\n<h2>Exemplo 3: s\u00edmbolo Walter Mattos<\/h2>\n<p>E para dar um \u00faltimo exemplo eu vou te mostrar o meu pr\u00f3prio s\u00edmbolo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2409\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_01_640.png\" alt=\"tut_O_Grid_Vem_Antes_Depois_WM_01_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_01_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_01_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Como voc\u00ea pode ver ele \u00e9 um s\u00edmbolo bem simples, n\u00e3o tem praticamente nenhuma complexidade aparente, e eu ainda n\u00e3o considero ele exatamente terminado, mas o processo de constru\u00e7\u00e3o dele tem uma hist\u00f3ria bacana para contar.<\/p>\n<p>Apesar de eu ter respondido meu briefing duas vezes para criar meu s\u00edmbolo e tentar chegar o mais pr\u00f3ximo poss\u00edvel de um foco ou conceito, eu fiz milh\u00f5es de testes com todas as possibilidades que voc\u00ea possa imaginar, e mesmo assim n\u00e3o defini um conceito.<\/p>\n<p>No final eu simplesmente estava jogando ideias avulsa no papel.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"362\" class=\"alignnone size-full wp-image-2410\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/logo_wm_zoom_out_640.png\" alt=\"logo_wm_zoom_out_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/logo_wm_zoom_out_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/logo_wm_zoom_out_640-310x175.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>O primeiro teste que eu fiz foi esse aqui, que lembra uma borboleta e ao mesmo tempo tem o \u201cW\u201d e o \u201cM\u201d. E essa ideia surgiu por conta de um conceito que eu estava desenvolvendo que explorava a Teoria do Caos. Pra voc\u00ea ver o n\u00edvel de insanidade que eu j\u00e1 estava!<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2412\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_Primeir_Ideia_640.png\" alt=\"tut_O_Grid_Vem_Antes_Depois_WM_Primeir_Ideia_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_Primeir_Ideia_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_Primeir_Ideia_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E eu n\u00e3o sei se isso acontece com voc\u00ea, mas praticamente todos os meus projetos s\u00e3o finalizados com a primeira ideia ou pelo menos com uma ideia muito pr\u00f3xima da primeira, mas enfim.<\/p>\n<p>Eu voltei a trabalhar essa primeira ideia ainda sem saber onde isso ia dar, e tomei algumas decis\u00f5es bem b\u00e1sicas, sem me basear em conceito nenhum.<\/p>\n<ol>\n<li>Eu queria um s\u00edmbolo que possu\u00edsse o \u201cW\u201d e o \u201cM\u201d, representados de alguma forma.<\/li>\n<li>Al\u00e9m disso, queria representar o n\u00famero 6 tamb\u00e9m, pois j\u00e1 que estou representando meu nome, e tanto \u201cWalter\u201d quanto \u201cMattos\u201d possuem 6 letras, n\u00e3o custava nada tentar fazer com que o s\u00edmbolo tamb\u00e9m representasse esse n\u00famero, j\u00e1 que a minha ideia final era usar somente um s\u00edmbolo e n\u00e3o ter logotipo.<\/li>\n<li>Como se fosse um desafio para mim mesmo.<\/li>\n<li>Eu queria que meu s\u00edmbolo fosse constru\u00eddo utilizando pelo menos 3 elementos b\u00e1sicos da geometria, o c\u00edrculo, o quadrado e o tri\u00e2ngulo.<\/li>\n<li>E por \u00faltimo eu queria, claro, representar a propor\u00e7\u00e3o \u00e1urea, que \u00e9 uma das minhas paix\u00f5es e eu quase sempre consigo inserir ela de alguma forma em tudo que eu fa\u00e7o.<\/li>\n<\/ol>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2413\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_02_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_WM_02_Animacao\" \/>\n<p>Ent\u00e3o eu comecei desenhando o c\u00edrculo e inseri um quadrado nele.<\/p>\n<p>Depois, eu converti esse quadrado num ret\u00e2ngulo \u00e1ureo e j\u00e1 fiquei com a expectativa de usar esse ret\u00e2ngulo de alguma forma, mesmo sem saber como ainda.<\/p>\n<p>Depois eu peguei esse ret\u00e2ngulo menor, que por acaso \u00e9 um ret\u00e2ngulo \u00e1ureo tamb\u00e9m, e entrei com o ele at\u00e9 ele se alinhar com o lado direito do quadrado.<\/p>\n<p>Agora eu multipliquei esse mesmo ret\u00e2ngulo at\u00e9 ele encostar do lado esquerdo do quadrado.<\/p>\n<p>Encontrei o centro do ret\u00e2ngulo da direita e depois o centro do ret\u00e2ngulo da esquerda, tra\u00e7ando estas guias nas extremidades de cada um e depois tra\u00e7ando as guias que indicam os centros.<\/p>\n<p>Para n\u00e3o ficar muito complexo de entender, vamos visualizar um ret\u00e2ngulo s\u00f3.<\/p>\n<p>A \u00faltima coisa que eu fiz foi tra\u00e7ar estas guias aqui at\u00e9 encontrar esse losango, que por acaso pode ser considerado um losango \u00e1ureo, j\u00e1 que ele est\u00e1 inscrito em um ret\u00e2ngulo \u00e1ureo.<\/p>\n<p>E pode acreditar, eu dei essa volta toda para encontrar um losango, que est\u00e1 inscrito dentro de um ret\u00e2ngulo \u00e1ureo, que est\u00e1 inscrito dentro de um quadrado, que por sua vez est\u00e1 inscrito dentro de um c\u00edrculo.<\/p>\n<p>Eu poderia muito bem ter pensado l\u00e1 no in\u00edcio em usar um losango \u00e1ureo dentro de um c\u00edrculo sem passar por essas etapas, mas eu nunca teria chegado aqui se n\u00e3o fosse esse processo criativo. E eu ainda n\u00e3o tinha chegado a lugar nenhum at\u00e9 aqui, at\u00e9 porque na minha cabe\u00e7a eu ainda estava numa fase de experimento.<\/p>\n<p>Bom, por \u00faltimo eu multipliquei esse losango e usei essa linha horizontal para dividir os espa\u00e7os.<\/p>\n<p>E o resultado \u00e9 esse a\u00ed. Esse \u00e9 o esqueleto do s\u00edmbolo que eu utilizo hoje.<\/p>\n<p>Ent\u00e3o, fazendo uma revis\u00e3o, eu acho que consegui encontrar os 4 itens que eu buscava. Olha s\u00f3.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2415\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_22_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_WM_22_Animacao\" \/>\n<ol>\n<li>Eu queria um s\u00edmbolo que possu\u00edsse o \u201cW\u201d e o \u201cM\u201d, vis\u00edveis de alguma forma, ent\u00e3o eles est\u00e3o a\u00ed, vis\u00edveis, e de certa forma at\u00e9 bem evidentes.<\/li>\n<li>Eu queria que o s\u00edmbolo tivesse alguma rela\u00e7\u00e3o com o n\u00famero 6, ent\u00e3o, se eu somar o n\u00famero de pontas eu encontro o n\u00famero 6. At\u00e9 porque, querendo ou n\u00e3o, essa forma final \u00e9 um hex\u00e1gono.<\/li>\n<li>Eu queria que meu s\u00edmbolo fosse constru\u00eddo utilizando o c\u00edrculo, o tri\u00e2ngulo e o quadrado, e eles est\u00e3o a\u00ed como parte do processo.\u00a0Na verdade s\u00e3o 6 tri\u00e2ngulos, ent\u00e3o acaba sendo uma outra representa\u00e7\u00e3o do n\u00famero 6.<\/li>\n<li>E por \u00faltimo, e n\u00e3o menos importante, a propor\u00e7\u00e3o \u00e1urea.<\/li>\n<\/ol>\n<p>E onde eu encontro a propor\u00e7\u00e3o \u00e1urea aqui? No losango, como eu j\u00e1 mostrei, e nos tri\u00e2ngulos tamb\u00e9m.<\/p>\n<p>Se eu pegar esse tri\u00e2ngulo menor e multiplicar por 1,618, que \u00e9 o n\u00famero que representa a propor\u00e7\u00e3o \u00e1urea, eu encontro esse tri\u00e2ngulo aqui, que se eu alinhar pela altura do tri\u00e2ngulo maior, a base encosta exatamente com a altura do tri\u00e2ngulo menor.<\/p>\n<p>E se eu multiplicar esse mesmo tri\u00e2ngulo por 1,618 novamente, eu encontro o tri\u00e2ngulo maior.<\/p>\n<p>Ou seja, esse s\u00edmbolo, por mais simples que seja est\u00e1 repleto de rela\u00e7\u00f5es entre os seus elementos e tem muita propor\u00e7\u00e3o \u00e1urea aqui, mesmo que ela n\u00e3o esteja representada de forma \u00f3bvia.<\/p>\n<p>E agora uma curiosidade que n\u00e3o foi proposital.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2417\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_WM_30_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_WM_30_Animacao\" \/>\n<p>Se eu pegar um pent\u00e1gono, que por acaso \u00e9 uma forma que tamb\u00e9m est\u00e1 cheia de propor\u00e7\u00f5es \u00e1ureas, e inserir esse pent\u00e1gono dentro do meu s\u00edmbolo, eu encontro essas interse\u00e7\u00f5es exatas entre algumas linhas e tamb\u00e9m entre alguns v\u00e9rtices, o que \u00e9 mais legal ainda!<\/p>\n<p>Eu tenho certeza que se eu continuar procurando vou encontrar mais coisas, mas tem explica\u00e7\u00e3o. Porque a partir do momento que eu estou me baseando em uma determinada propor\u00e7\u00e3o, a probabilidade de eu encontrar coincid\u00eancias entre outras formas que utilizem a mesma propor\u00e7\u00e3o \u00e9 alta.<\/p>\n<p>E isso \u00e9 bem diferente de inserir c\u00edrculos aleatoriamente para simular que o projeto foi constru\u00eddo dessa forma.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2418\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Simbolos_Finais_01_Animacao.gif\" alt=\"tut_O_Grid_Vem_Antes_Depois_Simbolos_Finais_01_Animacao\" \/>\n<h2>Encerramento<\/h2>\n<p>\u00c9 isso, pessoal. Acho que deu para mostrar alguns exemplos de design de marcas com base em grids, e que tenha ficado claro que o grid pode vir em qualquer momento ou mesmo n\u00e3o existir.<strong>\u00a0<\/strong><\/p>\n<p>Espero que voc\u00ea tenha gostado e que este v\u00eddeo tenha ajudado de alguma forma.<\/p>\n<p>E entenda que isso n\u00e3o \u00e9 um tutorial de como criar uma marca, mas sim um v\u00eddeo com dicas para voc\u00ea entender que na verdade n\u00e3o existe uma receita de bolo. Cada projeto \u00e9 criado de uma maneira diferente, e \u00e0s vezes um projeto que come\u00e7a meio sem caminho definido n\u00e3o significa que v\u00e1 terminar mal.<\/p>\n<p>Ent\u00e3o n\u00e3o desiste do seu projeto, das suas ideias, e busque sempre pensar o seu design de acordo com a fun\u00e7\u00e3o. Assim o seu objetivo vai ser sempre muito mais claro, e voc\u00ea vai perder menos tempo na hora da cria\u00e7\u00e3o.<\/p>\n<p>E como sempre, se voc\u00ea quiser compartilhar sua opini\u00e3o, fica \u00e0 vontade para dividir a\u00ed nos coment\u00e1rios.<\/p>\n<p>E caso ainda n\u00e3o conhe\u00e7a meu site, <a title=\"Walter Mattos Design\" href=\"https:\/\/waltermattos.com\/\" target=\"_blank\">waltermattos.com<\/a>, d\u00e1 uma olhada nos artigos que eu escrevo e quem sabe voc\u00ea n\u00e3o encontra algo \u00fatil por l\u00e1. E gostando do conte\u00fado, claro, voc\u00ea pode se inscrever na minha Newsletter para receber novidades a cada 15 dias direto no seu e-mail.<\/p>\n<p>Valeu pessoal, um abra\u00e7o e at\u00e9 o pr\u00f3ximo v\u00eddeo.<\/p>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se tem uma pergunta que recebo com frequ\u00eancia \u00e9 sobre o momento certo de pensar no grid, especialmente em projetos de design de marca, logo, assinatura visual, ou como queira chamar. \u00c9 uma pergunta bem dif\u00edcil de responder, pois cada caso \u00e9 um caso e cada pessoa tem seu m\u00e9todo. Por isso, cheguei a conclus\u00e3o&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":2425,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[25,7],"tags":[89,96,113,71,34,129],"class_list":["post-2373","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","tag-assinatura-visual","tag-construcao-simbolo","tag-grid","tag-logo","tag-marca","tag-proporcao-aurea"],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>O grid vem antes ou depois do design da marca?<\/title>\n<meta name=\"description\" content=\"Voc\u00ea \u00e9 designer e tem d\u00favidas sobre o momento certo de pensar no grid ao criar um logo? Talvez este v\u00eddeo ajude.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O grid vem antes ou depois do design da marca?\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea \u00e9 designer e tem d\u00favidas sobre o momento certo de pensar no grid ao criar um logo? Talvez este v\u00eddeo ajude.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-22T20:14:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-01T20:53:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"420\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Walter Mattos\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Walter Mattos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"O grid vem antes ou depois do design da marca?\",\"datePublished\":\"2014-09-22T20:14:08+00:00\",\"dateModified\":\"2016-03-01T20:53:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/\"},\"wordCount\":2603,\"commentCount\":37,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png\",\"keywords\":[\"Assinatura Visual\",\"Constru\u00e7\u00e3o s\u00edmbolo\",\"Grid\",\"Logo\",\"Marca\",\"Propor\u00e7\u00e3o \u00e1urea\"],\"articleSection\":[\"Artigos\",\"Tutoriais\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/\",\"name\":\"O grid vem antes ou depois do design da marca?\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png\",\"datePublished\":\"2014-09-22T20:14:08+00:00\",\"dateModified\":\"2016-03-01T20:53:53+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Voc\u00ea \u00e9 designer e tem d\u00favidas sobre o momento certo de pensar no grid ao criar um logo? Talvez este v\u00eddeo ajude.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png\",\"width\":420,\"height\":420},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/waltermattos.com\/site\/#website\",\"url\":\"https:\/\/waltermattos.com\/site\/\",\"name\":\"Walter Mattos\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/waltermattos.com\/site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\",\"name\":\"Walter Mattos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"caption\":\"Walter Mattos\"},\"description\":\"Walter Mattos \u00e9 um designer brasileiro apaixonado por cria\u00e7\u00e3o de marcas e identidades visuais. Em seu blog e canal no Youtube compartilha suas experi\u00eancias atrav\u00e9s de dicas, reflex\u00f5es e tutoriais relacionados a design.\",\"sameAs\":[\"https:\/\/waltermattos.com\"],\"url\":\"https:\/\/waltermattos.com\/site\/author\/walter\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O grid vem antes ou depois do design da marca?","description":"Voc\u00ea \u00e9 designer e tem d\u00favidas sobre o momento certo de pensar no grid ao criar um logo? Talvez este v\u00eddeo ajude.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"pt_BR","og_type":"article","og_title":"O grid vem antes ou depois do design da marca?","og_description":"Voc\u00ea \u00e9 designer e tem d\u00favidas sobre o momento certo de pensar no grid ao criar um logo? Talvez este v\u00eddeo ajude.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/","og_site_name":"Walter Mattos","article_published_time":"2014-09-22T20:14:08+00:00","article_modified_time":"2016-03-01T20:53:53+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"O grid vem antes ou depois do design da marca?","datePublished":"2014-09-22T20:14:08+00:00","dateModified":"2016-03-01T20:53:53+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/"},"wordCount":2603,"commentCount":37,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png","keywords":["Assinatura Visual","Constru\u00e7\u00e3o s\u00edmbolo","Grid","Logo","Marca","Propor\u00e7\u00e3o \u00e1urea"],"articleSection":["Artigos","Tutoriais"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/","name":"O grid vem antes ou depois do design da marca?","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png","datePublished":"2014-09-22T20:14:08+00:00","dateModified":"2016-03-01T20:53:53+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Voc\u00ea \u00e9 designer e tem d\u00favidas sobre o momento certo de pensar no grid ao criar um logo? Talvez este v\u00eddeo ajude.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/o-grid-vem-antes-ou-depois-design-da-marca\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png","width":420,"height":420},{"@type":"WebSite","@id":"https:\/\/waltermattos.com\/site\/#website","url":"https:\/\/waltermattos.com\/site\/","name":"Walter Mattos","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/waltermattos.com\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175","name":"Walter Mattos","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","caption":"Walter Mattos"},"description":"Walter Mattos \u00e9 um designer brasileiro apaixonado por cria\u00e7\u00e3o de marcas e identidades visuais. Em seu blog e canal no Youtube compartilha suas experi\u00eancias atrav\u00e9s de dicas, reflex\u00f5es e tutoriais relacionados a design.","sameAs":["https:\/\/waltermattos.com"],"url":"https:\/\/waltermattos.com\/site\/author\/walter\/"}]}},"jetpack_featured_media_url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/09\/tut_O_Grid_Vem_Antes_Depois_Marca_Cover_Blog.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-Ch","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/comments?post=2373"}],"version-history":[{"count":30,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2373\/revisions"}],"predecessor-version":[{"id":4677,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2373\/revisions\/4677"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/2425"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=2373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=2373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=2373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}