{"id":2734,"date":"2013-01-09T20:41:58","date_gmt":"2013-01-10T04:41:58","guid":{"rendered":"http:\/\/www.michaeldoret.com\/blog\/?p=2734"},"modified":"2016-03-06T15:29:20","modified_gmt":"2016-03-06T23:29:20","slug":"60-second-green-an-eco-friendly-logo","status":"publish","type":"post","link":"http:\/\/alphabetsoupblog.com\/?p=2734","title":{"rendered":"60 Second Green\u2014An Eco-Friendly Logo"},"content":{"rendered":"<p><span style=\"color: #ff6600;\"><span style=\"color: #999999;\"><em>This logo was selected for inclusion in <\/em><\/span><a title=\"Graphis Logo Design 8\" href=\"http:\/\/www.graphis.com\/cfe\/online\/logodesign8\/?id=2919\" target=\"_blank\"><span style=\"color: #ff6600;\"><em>Graphis Logo Design 8<\/em><\/span><\/a><\/span><\/p>\n<p>Much of the design work I do tends to be seen by many as \u201cvintage inspired\u201d. I do frequently look to the past for inspiration, but it would be wrong to categorize all my work that way. Case in point: the logo I designed for \u201cSixty Second Green\u201d. This website will have a series of tips presenting simple ideas and products that are \u201cgreen\u201d and eco-friendly. The site will propose simple yet powerful ideas on how people can save money and at the same time do good things for the environment\u2014all within videos no longer than 60 seconds. My challenge was to create a memorable logo that would be reflective of the green\/sustainability movement.<\/p>\n<p>Working with Mark Pruett, owner and senior editor at <a title=\"Storyville Post\" href=\"http:\/\/storyvillepost.com\" target=\"_blank\">Storyville Post<\/a> (whom I had previously worked with some years back designing their logo) I came up with several loose ideas:<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/1-60SecondRough1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2746\" title=\"60 Second Green Roughs\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/1-60SecondRough1.png\" width=\"600\" height=\"1038\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/1-60SecondRough1.png 750w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/1-60SecondRough1-346x600.png 346w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/1-60SecondRough1-592x1024.png 592w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Many of the roughs used the obvious element of a leaf as a motif, but one was reminiscent of the design of the <a title=\"Universal Recycling Symbol\" href=\"http:\/\/en.wikipedia.org\/wiki\/Recycling_symbol\" target=\"_blank\">Universal Recycling Symbol<\/a>, designed back in 1970 by USC student <a title=\"Gary Anderson\" href=\"http:\/\/en.wikipedia.org\/wiki\/Gary_Anderson_(Recycling)\" target=\"_blank\">Gary Anderson<\/a>.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/2-recycle3.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2748\" title=\"Universal Recycling Symbol\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/2-recycle3.jpg\" width=\"600\" height=\"582\" \/><\/a><\/p>\n<p>Fortunately this rough was what the client reacted most strongly to, and we were able to develop a unique logo that didn\u2019t resort to the usual visual clich\u00e9s.<\/p>\n<p>So to develop this design I first had to figure out its geometry by placing my original rough drawing in Adobe Illustrator and working over it:<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/3-60SecondRough2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2750\" title=\"60 Second Rough\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/3-60SecondRough2.png\" width=\"600\" height=\"600\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/3-60SecondRough2.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/3-60SecondRough2-150x150.png 150w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/3-60SecondRough2-600x600.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Then I created a new drawing using the inner mechanics derived from my Illustrator sketch. One really cannot set type around a circle without it looking somewhat awkward, so you can see that the verticals in each letterform I\u2019m creating point directly towards the center of the circle, and are marked in the pencil drawing with angle notations:<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/4-60SecondTrace1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2754\" title=\"60 Second Tight Trace\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/4-60SecondTrace1.png\" width=\"600\" height=\"512\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/4-60SecondTrace1.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/4-60SecondTrace1-600x512.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Using the angles I had earlier jotted down on the drawing, I started building the letterforms and the logo.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/5-60SecondTrace2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2752\" title=\"60 Second Process\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/5-60SecondTrace2.png\" width=\"600\" height=\"600\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/5-60SecondTrace2.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/5-60SecondTrace2-150x150.png 150w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/5-60SecondTrace2-600x600.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Note that the letterforms in the upper portion of the logo flare outwards at the top, while those at the bottom are pinched in at the their tops. Yet they\u2019re all consistent within the logic of the design and don\u2019t read as different sorts of letters:<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/6-60SecondTrace3.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2756\" title=\"60 Second Final 1\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/6-60SecondTrace3.png\" width=\"600\" height=\"600\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/6-60SecondTrace3.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/6-60SecondTrace3-150x150.png 150w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/6-60SecondTrace3-600x600.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/7-60SecondFinal1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2757\" title=\"60 Second Final 2\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/7-60SecondFinal1.png\" width=\"600\" height=\"600\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/7-60SecondFinal1.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/7-60SecondFinal1-150x150.png 150w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/7-60SecondFinal1-600x600.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>I then created a version with a bit of shading and a black background:<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/9-60SecondFInal2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2759\" title=\"60 Second FInish\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/9-60SecondFInal2.png\" width=\"600\" height=\"600\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/9-60SecondFInal2.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/9-60SecondFInal2-150x150.png 150w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/9-60SecondFInal2-600x600.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>This iteration was used for the animated version that Storyville Post created from my art for the Sixty Second Green videos:<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/56963538?title=0&amp;byline=0&amp;portrait=0&amp;loop=1\" height=\"450\" width=\"600\" frameborder=\"0\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><a title=\"Alphabet Soup Type Founders\" href=\"http:\/\/www.michaeldoret.com\/alphabetsoup\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2764\" title=\"Alphabet Soup Type FOunders\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/01\/AS-Banner-3.png\" width=\"600\" height=\"90\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This logo was selected for inclusion in Graphis Logo Design 8 Much of the design work I do tends to be seen by many as \u201cvintage inspired\u201d. I do frequently look to the past for inspiration, but it would be wrong to categorize all my work that way. Case in point: the logo I designed for \u201cSixty Second Green\u201d. This website will have a series of tips presenting simple ideas and products that are \u201cgreen\u201d and eco-friendly. The site will propose simple yet powerful ideas on how people can save money and at the same time do good things for the environment\u2014all within videos no longer than 60 seconds. My [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[530,531,150,529,191,198,534,533,532,535],"class_list":["post-2734","post","type-post","status-publish","format-standard","hentry","category-gigs","category-news","tag-eco-friendly","tag-environment","tag-graphic-design","tag-green","tag-lettering","tag-logo-design","tag-mark-pruett","tag-storyville-post","tag-sustainability","tag-universal-recycling-symbol"],"_links":{"self":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2734"}],"version-history":[{"count":38,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2734\/revisions"}],"predecessor-version":[{"id":3528,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2734\/revisions\/3528"}],"wp:attachment":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2734"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}