{"id":7049,"date":"2014-02-01T21:06:29","date_gmt":"2014-02-02T02:06:29","guid":{"rendered":"http:\/\/lemasney.com\/consulting\/?p=7049"},"modified":"2025-11-06T23:24:28","modified_gmt":"2025-11-07T04:24:28","slug":"32-365-designing-logo-tame-web-michael-stephens","status":"publish","type":"post","link":"https:\/\/lemasney.com\/consulting\/2014\/02\/01\/32-365-designing-logo-tame-web-michael-stephens\/","title":{"rendered":"32 of 365: Designing a logo for Tame the Web with Michael Stephens"},"content":{"rendered":"<div id=\"attachment_7050\" style=\"width: 2532px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-workspace.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7050\" data-attachment-id=\"7050\" data-permalink=\"https:\/\/lemasney.com\/consulting\/2014\/02\/01\/32-365-designing-logo-tame-web-michael-stephens\/tame-the-web-logo-workspace\/\" data-orig-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-workspace.png?fit=2522%2C1729&amp;ssl=1\" data-orig-size=\"2522,1729\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Tame The Web logo workspace by John LeMasney via lemasney.com\" data-image-description=\"&lt;p&gt;Tame The Web logo workspace by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Tame The Web logo workspace by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-workspace.png?fit=1000%2C685&amp;ssl=1\" class=\"size-full wp-image-7050\" alt=\"Tame The Web logo workspace by John LeMasney via lemasney.com\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-workspace.png?resize=1170%2C802&#038;ssl=1\" width=\"1170\" height=\"802\" srcset=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-workspace.png?w=2522&amp;ssl=1 2522w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-workspace.png?resize=500%2C342&amp;ssl=1 500w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-workspace.png?resize=1000%2C685&amp;ssl=1 1000w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-workspace.png?w=2340&amp;ssl=1 2340w\" sizes=\"auto, (max-width: 1170px) 100vw, 1170px\" \/><\/a><p id=\"caption-attachment-7050\" class=\"wp-caption-text\">Tame The Web logo workspace by <a class=\"zem_slink\" title=\"John LeMasney\" href=\"https:\/\/www.facebook.com\/lemasney\" target=\"_blank\" rel=\"homepage noopener noreferrer\">John LeMasney<\/a> via lemasney.com<\/p><\/div>\n<p>Here is a final image of the workspace that I used to create the new Tame the Web (TTW) logo using <a class=\"zem_slink\" title=\"Inkscape\" href=\"https:\/\/inkscape.org\/\" target=\"_blank\" rel=\"homepage noopener noreferrer\">Inkscape<\/a>, with the help of Michael Stephens. Michael has been the heart of TTW since its inception, and wanted to have a logo to present his organization to a larger audience. He reached out on Facebook (where I get most of my work) and asked about logos on his page. He got some feedback, and in the process, Lori Reed decided to tag me, and I responded that I&#8217;d love to be involved in the logo if possible, and that I&#8217;d work for free. Michael contacted me and we began. I asked him to fill out the design brief on this site (it&#8217;s in the menu above) and when I got the response, I did this.<\/p>\n<div id=\"attachment_7057\" style=\"width: 1010px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7057\" data-attachment-id=\"7057\" data-permalink=\"https:\/\/lemasney.com\/consulting\/2014\/02\/01\/32-365-designing-logo-tame-web-michael-stephens\/tame-the-web-logo\/\" data-orig-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo.png?fit=1000%2C600&amp;ssl=1\" data-orig-size=\"1000,600\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Tame The Web logo revision 0 by John LeMasney via lemasney.com\" data-image-description=\"&lt;p&gt;Tame The Web logo revision 0 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Tame The Web logo revision 0 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo.png?fit=1000%2C600&amp;ssl=1\" class=\"size-full wp-image-7057\" alt=\"Tame The Web logo revision 0 by John LeMasney via lemasney.com\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo.png?resize=1000%2C600&#038;ssl=1\" width=\"1000\" height=\"600\" srcset=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo.png?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo.png?resize=500%2C300&amp;ssl=1 500w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><p id=\"caption-attachment-7057\" class=\"wp-caption-text\">Tame The Web logo revision 0 by John LeMasney via lemasney.com<\/p><\/div>\n<p>I tend to start logo work with the fonts. In this particular case, I used some of the information from the design brief to create a possible logo. In the brief, Michael talked about the past branding work that he had done and what had been present. He wrote that a <a class=\"zem_slink\" title=\"Heart (symbol)\" href=\"https:\/\/en.wikipedia.org\/wiki\/Heart_%28symbol%29\" target=\"_blank\" rel=\"wikipedia noopener noreferrer\">heart symbol<\/a> had always been a constant in identifying TTW. He also shared a palette, some quotes, and some clarifications in order for us to work through the logo. Michael understands brand. When he saw the image above, he said that the logo I proposed was beautiful, but that it was not the right feel. He said that it had a certain old-timey feel to it, and that he was looking for something a bit more contemporary. I understood, and decided to focus on fonts, as I usually do. He told me he liked a few of the fonts in the first submission, and I decided to focus on those.<\/p>\n<div id=\"attachment_7056\" style=\"width: 1010px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev1.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7056\" data-attachment-id=\"7056\" data-permalink=\"https:\/\/lemasney.com\/consulting\/2014\/02\/01\/32-365-designing-logo-tame-web-michael-stephens\/tame-the-web-logo-rev1\/\" data-orig-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev1.png?fit=1000%2C600&amp;ssl=1\" data-orig-size=\"1000,600\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Tame The Web logo rev1 by John LeMasney via lemasney.com\" data-image-description=\"&lt;p&gt;Tame The Web logo rev1 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Tame The Web logo rev1 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev1.png?fit=1000%2C600&amp;ssl=1\" class=\"size-full wp-image-7056\" alt=\"Tame The Web logo rev1 by John LeMasney via lemasney.com\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev1.png?resize=1000%2C600&#038;ssl=1\" width=\"1000\" height=\"600\" srcset=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev1.png?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev1.png?resize=500%2C300&amp;ssl=1 500w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><p id=\"caption-attachment-7056\" class=\"wp-caption-text\">Tame The Web logo rev1 by John LeMasney via lemasney.com<\/p><\/div>\n<p>In this revision, I took the fonts that Michael liked and tried a few subtle differences, including the pipe between elements,. the <a class=\"zem_slink\" title=\"Kerning\" href=\"https:\/\/en.wikipedia.org\/wiki\/Kerning\" target=\"_blank\" rel=\"wikipedia noopener noreferrer\">kerning<\/a>, and the imagery. I never thought the whip would go very far. \ud83d\ude42 I sent them to him, and he said that he loved the curve in the line, but that straight spoke to him more. He also liked the tighter kerning in some of the versions. He liked the horizontal version as well.<\/p>\n<div id=\"attachment_7055\" style=\"width: 1010px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev2.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7055\" data-attachment-id=\"7055\" data-permalink=\"https:\/\/lemasney.com\/consulting\/2014\/02\/01\/32-365-designing-logo-tame-web-michael-stephens\/tame-the-web-logo-rev2\/\" data-orig-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev2.png?fit=1000%2C600&amp;ssl=1\" data-orig-size=\"1000,600\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Tame The Web logo rev2 by John LeMasney via lemasney.com\" data-image-description=\"&lt;p&gt;Tame The Web logo rev2 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Tame The Web logo rev2 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev2.png?fit=1000%2C600&amp;ssl=1\" class=\"size-full wp-image-7055\" alt=\"Tame The Web logo rev2 by John LeMasney via lemasney.com\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev2.png?resize=1000%2C600&#038;ssl=1\" width=\"1000\" height=\"600\" srcset=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev2.png?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev2.png?resize=500%2C300&amp;ssl=1 500w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><p id=\"caption-attachment-7055\" class=\"wp-caption-text\">Tame The Web logo rev2 by John LeMasney via lemasney.com<\/p><\/div>\n<p>After he gave me feedback I focused just on the elements and kerning that he liked, and decided to incorporate the palette he had suggested, with deep blues. I grabbed one of my favorite deep blue palettes, and applied the colors to the elements. I sent it back.<\/p>\n<div id=\"attachment_7054\" style=\"width: 1010px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev3.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7054\" data-attachment-id=\"7054\" data-permalink=\"https:\/\/lemasney.com\/consulting\/2014\/02\/01\/32-365-designing-logo-tame-web-michael-stephens\/tame-the-web-logo-rev3\/\" data-orig-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev3.png?fit=1000%2C600&amp;ssl=1\" data-orig-size=\"1000,600\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Tame The Web logo rev3 by John LeMasney via lemasney.com\" data-image-description=\"&lt;p&gt;Tame The Web logo rev3 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Tame The Web logo rev3 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev3.png?fit=1000%2C600&amp;ssl=1\" class=\"size-full wp-image-7054\" alt=\"Tame The Web logo rev3 by John LeMasney via lemasney.com\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev3.png?resize=1000%2C600&#038;ssl=1\" width=\"1000\" height=\"600\" srcset=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev3.png?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev3.png?resize=500%2C300&amp;ssl=1 500w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><p id=\"caption-attachment-7054\" class=\"wp-caption-text\">Tame The Web logo rev3 by John LeMasney via lemasney.com<\/p><\/div>\n<p>But there was still the issue of the missing heart. I decided to play a bit with text and image to introduce hearts, which Michael enjoyed. We agreed that the solid blue heart worked best, and worked best ahead of the title.<\/p>\n<div id=\"attachment_7053\" style=\"width: 1010px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev4.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7053\" data-attachment-id=\"7053\" data-permalink=\"https:\/\/lemasney.com\/consulting\/2014\/02\/01\/32-365-designing-logo-tame-web-michael-stephens\/tame-the-web-logo-rev4\/\" data-orig-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev4.png?fit=1000%2C600&amp;ssl=1\" data-orig-size=\"1000,600\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Tame The Web logo rev4 by John LeMasney via lemasney.com\" data-image-description=\"&lt;p&gt;Tame The Web logo rev4 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Tame The Web logo rev4 by John LeMasney via lemasney.com&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev4.png?fit=1000%2C600&amp;ssl=1\" class=\"size-full wp-image-7053\" alt=\"Tame The Web logo rev4 by John LeMasney via lemasney.com\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev4.png?resize=1000%2C600&#038;ssl=1\" width=\"1000\" height=\"600\" srcset=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev4.png?w=1000&amp;ssl=1 1000w, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev4.png?resize=500%2C300&amp;ssl=1 500w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><p id=\"caption-attachment-7053\" class=\"wp-caption-text\">Tame The Web logo rev4 by John LeMasney via lemasney.com<\/p><\/div>\n<p>Here are the final two versions of the logo, one horizontally aligned, and one block sized. I absolutely loved the opportunity, and I&#8217;m so grateful to work with someone like Michael. Even though I always have great, creative, and interesting clients, Michael was a standout.<\/p>\n<h6 class=\"zemanta-related-title\" style=\"font-size: 1em;\">Related articles<\/h6>\n<ul class=\"zemanta-article-ul zemanta-article-ul-image\" style=\"margin: 0; padding: 0; overflow: hidden;\">\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/06\/6-365-anthropomorphic-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-recalc-dims=\"1\" decoding=\"async\" style=\"padding: 0; margin: 0; border: 0; display: block; width: 80px; max-width: 100%;\" alt=\"\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/236502285_80_801.jpg?w=1170&#038;ssl=1\" \/><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/06\/6-365-anthropomorphic-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\">6 of 365: Anthropomorphic #design #principle<\/a><\/li>\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2013\/12\/17\/used-believe-john-lemasney-via-lemasney-com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-recalc-dims=\"1\" decoding=\"async\" style=\"padding: 0; margin: 0; border: 0; display: block; width: 80px; max-width: 100%;\" alt=\"\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/231263363_80_804.jpg?w=1170&#038;ssl=1\" \/><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2013\/12\/17\/used-believe-john-lemasney-via-lemasney-com\/\" target=\"_blank\" rel=\"noopener noreferrer\">I used to believe by John LeMasney via lemasney.com<\/a><\/li>\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/21\/21-365-consistency-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-recalc-dims=\"1\" decoding=\"async\" style=\"padding: 0; margin: 0; border: 0; display: block; width: 80px; max-width: 100%;\" alt=\"\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/240988279_80_80.jpg?w=1170&#038;ssl=1\" \/><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/21\/21-365-consistency-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\">21 of 365: Consistency #design principle<\/a><\/li>\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2013\/12\/20\/double-exposure-newspaper-john-lemasney-via-lemasney-com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-recalc-dims=\"1\" decoding=\"async\" style=\"padding: 0; margin: 0; border: 0; display: block; width: 80px; max-width: 100%;\" alt=\"\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/232273399_80_802.jpg?w=1170&#038;ssl=1\" \/><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2013\/12\/20\/double-exposure-newspaper-john-lemasney-via-lemasney-com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Double exposure with newspaper by John LeMasney via lemasney.com<\/a><\/li>\n<li class=\"zemanta-article-ul-li-image zemanta-article-ul-li\" style=\"padding: 0; background: none; list-style: none; display: block; float: left; vertical-align: top; text-align: left; width: 84px; font-size: 11px; margin: 2px 10px 10px 2px;\"><a style=\"box-shadow: 0px 0px 4px #999; padding: 2px; display: block; border-radius: 2px; text-decoration: none;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/30\/30-365-depth-processing-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img data-recalc-dims=\"1\" decoding=\"async\" style=\"padding: 0; margin: 0; border: 0; display: block; width: 80px; max-width: 100%;\" alt=\"\" src=\"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/243932804_80_803.jpg?w=1170&#038;ssl=1\" \/><\/a><a style=\"display: block; overflow: hidden; text-decoration: none; line-height: 12pt; height: 80px; padding: 5px 2px 0 2px;\" href=\"https:\/\/lemasney.com\/consulting\/2014\/01\/30\/30-365-depth-processing-design-principle\/\" target=\"_blank\" rel=\"noopener noreferrer\">30 of 365: Depth of Processing design principle<\/a><\/li>\n<\/ul>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px;\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Here is a final image of the workspace that I used to create the new Tame the Web (TTW) logo using Inkscape, with the help of Michael Stephens. Michael has been the heart of TTW since its inception, and wanted to have a logo to present his organization to a larger audience. He reached out [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7053,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[22,3,7,18,3659,1128,3653,16,3654,21,23,24,3657,29,5],"tags":[244,310,411,3870,1995,492],"class_list":{"0":"post-7049","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-professional-affiliations","8":"category-brand","9":"category-consulting","10":"category-cv","11":"category-design-principles","12":"category-illustration","13":"category-insights","14":"category-libraries","15":"category-portfolio","16":"category-professional-activities","17":"category-professional-experience","18":"category-publications","19":"category-requests","20":"category-research-interests","21":"category-technology","22":"tag-design","23":"tag-font","24":"tag-inkscape","25":"tag-john-lemasney","26":"tag-kerning","27":"tag-logo","28":"czr-hentry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Tame-The-Web-logo-rev4.png?fit=1000%2C600&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3h6y2-1PH","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":5883,"url":"https:\/\/lemasney.com\/consulting\/2011\/02\/07\/38-365-refrain-radioheads-karma-police-inkscape\/","url_meta":{"origin":7049,"position":0},"title":"38 of 365 is a refrain from Radiohead&#8217;s Karma Police #Inkscape","author":"lemsy","date":"2011-02-07","format":false,"excerpt":"This is a lilting, ending refrain from one of my favorite songs. Karma Police, from Radiohead's revolutionary album, OK Computer. The lyric lays over an original shot of Seattle, which is an amazing and beautiful city in the shadow of a mountain. John LeMasney covers Karma Police [audio\u00a0https:\/\/archive.org\/download\/john_lemasney_karma_police\/john_lemasney_karma_police.mp3] tags: Radiohead,\u2026","rel":"","context":"In &quot;portfolio&quot;","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"Just for a minute there by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2011\/02\/20110207.png?fit=809%2C500&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2011\/02\/20110207.png?fit=809%2C500&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2011\/02\/20110207.png?fit=809%2C500&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2011\/02\/20110207.png?fit=809%2C500&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":6,"url":"https:\/\/lemasney.com\/consulting\/2009\/12\/23\/20091222\/","url_meta":{"origin":7049,"position":1},"title":"1 of 365: A Dali based happy face #dali #dada","author":"lemsy","date":"2009-12-23","format":false,"excerpt":"I was inspired to make a happy face that looked just a little like Salvador Dali. I used Inkscape's Shape tool for the face, object to path for flexibility, and Pencil tool set to 50% smoothing with Triangle shape settings for the hair, and the spiro path effect to give\u2026","rel":"","context":"In &quot;portfolio&quot;","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"A happy face dedicated to Dali by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2009\/12\/20091222.png?fit=1200%2C854&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2009\/12\/20091222.png?fit=1200%2C854&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2009\/12\/20091222.png?fit=1200%2C854&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2009\/12\/20091222.png?fit=1200%2C854&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2009\/12\/20091222.png?fit=1200%2C854&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":348,"url":"https:\/\/lemasney.com\/consulting\/2010\/03\/12\/81-365-im-sorry-wont-design-logo-free-form-john-lemasney-via-lemasney-com\/","url_meta":{"origin":7049,"position":2},"title":"81 of 365: I&#8217;m sorry, I won&#8217;t design your logo for free form by John LeMasney","author":"lemsy","date":"2010-03-12","format":false,"excerpt":"I'm sorry, I won;t design your logo for free, by John LeMasney.","rel":"","context":"In &quot;portfolio&quot;","block_context":{"text":"portfolio","link":"https:\/\/lemasney.com\/consulting\/category\/portfolio\/"},"img":{"alt_text":"I'm sorry, I won't design your logo for free form by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2010\/03\/20100312.png?fit=494%2C495&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":7470,"url":"https:\/\/lemasney.com\/consulting\/2014\/02\/17\/48-365-bibliophile-custom-typography-john-lemasney-via-lemasney-com\/","url_meta":{"origin":7049,"position":3},"title":"48 of 365: bibliophile custom typography by John LeMasney via lemasney.com","author":"lemsy","date":"2014-02-17","format":false,"excerpt":"Tonight, I just wanted to play a bit with a word: bibliophile. It's such a beautifully rhythmic word, and while I tend to read more screens than physical pages, I feel like I can align myself with the word. In Inkscape, I found a good hefty font in Chunk Five,\u2026","rel":"","context":"In &quot;affiliations&quot;","block_context":{"text":"affiliations","link":"https:\/\/lemasney.com\/consulting\/category\/cv\/professional-affiliations\/"},"img":{"alt_text":"48 of 365 - bibliophile custom typography by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/48-of-365-bibliophile-custom-typography-by-John-LeMasney-via-lemasney.com_.png?fit=1000%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/48-of-365-bibliophile-custom-typography-by-John-LeMasney-via-lemasney.com_.png?fit=1000%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/48-of-365-bibliophile-custom-typography-by-John-LeMasney-via-lemasney.com_.png?fit=1000%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/48-of-365-bibliophile-custom-typography-by-John-LeMasney-via-lemasney.com_.png?fit=1000%2C600&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":7099,"url":"https:\/\/lemasney.com\/consulting\/2014\/02\/03\/33-365-desire-lines-design-principle\/","url_meta":{"origin":7049,"position":4},"title":"33 of 365: Desire Lines design principle","author":"lemsy","date":"2014-02-03","format":false,"excerpt":"Desire lines are a development tool that a designer can use from the way that people actually interact with an interface, space, or object before finalizing features, paths, or navigation. It is often used in designing walking paths in a new space to help determine the best place to put\u2026","rel":"","context":"In &quot;brand&quot;","block_context":{"text":"brand","link":"https:\/\/lemasney.com\/consulting\/category\/consulting\/brand\/"},"img":{"alt_text":"33 of 365 - Desired line design principle by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/33-of-365-Desired-line-design-principle.png?fit=1000%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/33-of-365-Desired-line-design-principle.png?fit=1000%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/33-of-365-Desired-line-design-principle.png?fit=1000%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/33-of-365-Desired-line-design-principle.png?fit=1000%2C600&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":7283,"url":"https:\/\/lemasney.com\/consulting\/2014\/02\/09\/40-365-ampersand-greater-modified-typography\/","url_meta":{"origin":7049,"position":5},"title":"40 of 365: Ampersand Greater Than modified typography","author":"lemsy","date":"2014-02-09","format":false,"excerpt":"Today, I decided to use Inkscape to play with type. When you type less than three (<3), you are expressing an emoticon for love, symbolized by a heart. It's a straightforward, easy-to-use\u00a0symbol. Two close friends or sweethearts might use it in SMS to express a little love. Ampersand Greater Than\u2026","rel":"","context":"In &quot;brand&quot;","block_context":{"text":"brand","link":"https:\/\/lemasney.com\/consulting\/category\/consulting\/brand\/"},"img":{"alt_text":"Ampersand Greater Than Font Study by John LeMasney via lemasney.com","src":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Ampersand-Greater-Than-Font-Study-3.png?fit=1000%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Ampersand-Greater-Than-Font-Study-3.png?fit=1000%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Ampersand-Greater-Than-Font-Study-3.png?fit=1000%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/lemasney.com\/consulting\/wp-content\/uploads\/2014\/02\/Ampersand-Greater-Than-Font-Study-3.png?fit=1000%2C600&ssl=1&resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/7049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/comments?post=7049"}],"version-history":[{"count":7,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/7049\/revisions"}],"predecessor-version":[{"id":46706,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/posts\/7049\/revisions\/46706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media\/7053"}],"wp:attachment":[{"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/media?parent=7049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/categories?post=7049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lemasney.com\/consulting\/wp-json\/wp\/v2\/tags?post=7049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}