{"id":2788,"date":"2013-02-11T11:09:30","date_gmt":"2013-02-11T19:09:30","guid":{"rendered":"http:\/\/www.michaeldoret.com\/blog\/?p=2788"},"modified":"2016-03-12T15:41:57","modified_gmt":"2016-03-12T23:41:57","slug":"the-evolution-of-powerstation","status":"publish","type":"post","link":"http:\/\/alphabetsoupblog.com\/?p=2788","title":{"rendered":"The Evolution of PowerStation"},"content":{"rendered":"<p>PowerStation is my one font that specifically evolved from a prior design assignment. I had been tasked with designing signage for Hershey\u2019s Times Square flagship store. The signage needed to be designed in the spirit of a retro future-machine, \u00e0 la Jules Verne or other Victorian \u201cSteam Punk\u201d aesthetic. So I came up with the following sketches in which I combined various lettering and type styles:<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/01-HersheyRoughs.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2789\" title=\"Hershey Roughs\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/01-HersheyRoughs.png\" width=\"600\" height=\"409\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/01-HersheyRoughs.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/01-HersheyRoughs-600x408.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>In the tighter version I designed the word \u201cHershey\u201d to have a feeling of faceted letters, similar to what you might see on an old theater marquee:<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/02-RedLetter.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2791\" title=\"Red Letter\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/02-RedLetter.png\" width=\"600\" height=\"360\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/02-RedLetter.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/02-RedLetter-600x360.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Ever since I first became aware of them I\u2019ve been faxcinated by the tactile qualities of these extruded plastic letterforms, and how they reminded me of candy. I\u2019ve always thought there was something \u201cdelicious\u201d about them.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/03-Chocolateworks.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2793\" title=\"Chocolateworks\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/03-Chocolateworks.png\" width=\"600\" height=\"406\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/03-Chocolateworks.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/03-Chocolateworks-600x405.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>So it seemed entirely appropriate to me that the word Hershey should be rendered that way, giving it a chunky, almost chocolatebar-like flavor. Note that in the final signage we needed to change the lettering of the word \u201cChocolateworks\u201d to read \u201cChocolate Machine\u201d.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/04-HersheyLarge.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2795\" title=\"Hershey\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/04-HersheyLarge.png\" width=\"600\" height=\"275\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/04-HersheyLarge.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/04-HersheyLarge-600x274.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>I loved how my art turned out, especially the word \u201cHershey\u201d. After this job was over it occured to me that I wasn\u2019t aware of any fonts that successfully captured that particular faceted look. So I thought I\u2019d try and see if I could make that work as a typeface:<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/05-HershTestScan.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2796\" title=\"Hershey Test Tracing\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/05-HershTestScan.png\" width=\"600\" height=\"173\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/05-HershTestScan.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/05-HershTestScan-600x172.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>I started sketching out various letters to see if it could be viable. As the font developed and it&#8217;s strong industrial and moderne qualities became more apparent, I decided to name it &#8220;PowerStation&#8221;.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/06-PS-BW_Compare.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2798\" title=\"8 Versions\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/06-PS-BW_Compare.png\" width=\"600\" height=\"362\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/06-PS-BW_Compare.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/06-PS-BW_Compare-600x362.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>As I developed PowerStation, it evolved from the one version I had adapted from the Hershey\u2019s assignment into four different versions. These I decided to call Block, Wedge, Solid, and Outline. Then I thought I&#8217;d expand those into another four \u201cWide\u201d versions. Now I had a family of eight different fonts.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/07-PS-BW_Compare.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2800\" title=\"2 Color Development\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/07-PS-BW_Compare.png\" width=\"600\" height=\"361\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/07-PS-BW_Compare.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/07-PS-BW_Compare-600x361.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>But I guess I wasn\u2019t able to leave well enough alone. Why not provide the added ability to set PowerStation in two colors? So I took the basic four faceted versions of PowerStation (Block, Block Wide, Wedge, and Wedge Wide) and broke each of them down into two separate fonts which, if set on separate layers, could provide 2 color typesetting. The solid \u201cbase\u201d of the letters would be formed by setting the \u201cLow\u201d version of the font, and the facted part of the letter would be formed by setting the \u201cHigh\u201d version of the font on a layer directly above the \u201cLow\u201d version.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/08-PS-Color_Compare.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2801\" title=\"2 Color Comparison\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/08-PS-Color_Compare.png\" width=\"600\" height=\"200\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/08-PS-Color_Compare.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/08-PS-Color_Compare-600x199.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>In other words a two color version of PowerStation Wedge could be achieved by setting PowerStation Wedge High over the same copy which would be set in PowerStation Wedge Low, and applying different colors to each layer.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/09-PS-ColorBlocks.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2802\" title=\"PowerStation Family\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/09-PS-ColorBlocks.png\" width=\"600\" height=\"272\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/09-PS-ColorBlocks.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/09-PS-ColorBlocks-600x271.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Setting words like this in two colors can provide richness and variation when used imaginatively.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/10-PS-3Color.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2803\" title=\"PowerStation 3 Color\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/10-PS-3Color.png\" width=\"600\" height=\"412\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/10-PS-3Color.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/10-PS-3Color-600x412.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Some time after the release of PowerStation I discovered the next step in its evolution\u2014that you didn\u2019t have to be limited to two color typesetting with this font. I found that by combining the various PowerStation fonts in different ways one could set this font in three colors as well. The instructions for doing that may be a little long for this article, so if you\u2019d like to see what\u2019s involved with that, you can download the free <a title=\"The PowerStation User Manual\" href=\"http:\/\/illoz.com\/doret\/downloads\/0459975190.pdf\">PowerStation User Manual<\/a>.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/11-PS_Poster.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2804\" title=\"PowerStation Poster\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/11-PS_Poster.png\" width=\"600\" height=\"800\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/11-PS_Poster.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/11-PS_Poster-449x600.png 449w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/11-PS_Poster-767x1024.png 767w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>I originally created the serigraph above to celebrate the release of PowerStation. The signed and numbered edition is limited to 100 copies, and there are still some left. Click <a title=\"PowerStation Limited Edition Silk Screen\" href=\"http:\/\/illogator.com\/doret\/?section=browse_gallery&amp;gallery_id=372\" target=\"_blank\">HERE<\/a> to find out more about this offer.<\/p>\n<p><a href=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/12-PS-CharacterSet.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2805\" title=\"PowerStation Character Set\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/12-PS-CharacterSet.png\" width=\"600\" height=\"740\" srcset=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/12-PS-CharacterSet.png 1000w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/12-PS-CharacterSet-486x600.png 486w, http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/12-PS-CharacterSet-829x1024.png 829w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>License the PowerStation fonts <a title=\"The PowerStation Fonts\" href=\"http:\/\/www.michaeldoret.com\/powerstation\" target=\"_blank\">HERE<\/a> .<\/p>\n<p>Purchase the PowerStation Serigraph <a title=\"The PowerStation Limited Edition Serigraph\" href=\"http:\/\/illogator.com\/doret\/?section=browse_gallery&amp;gallery_id=372\" target=\"_blank\">HERE<\/a>.<\/p>\n<p><a href=\"http:\/\/www.michaeldoret.com\/alphabetsoup\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2806 alignnone\" title=\"Alphabet Soup\" alt=\"\" src=\"http:\/\/alphabetsoupblog.com\/wp-content\/uploads\/2013\/02\/13-AS-Banner-6.png\" width=\"600\" height=\"90\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PowerStation is my one font that specifically evolved from a prior design assignment. I had been tasked with designing signage for Hershey\u2019s Times Square flagship store. The signage needed to be designed in the spirit of a retro future-machine, \u00e0 la Jules Verne or other Victorian \u201cSteam Punk\u201d aesthetic. So I came up with the following sketches in which I combined various lettering and type styles: In the tighter version I designed the word \u201cHershey\u201d to have a feeling of faceted letters, similar to what you might see on an old theater marquee: Ever since I first became aware of them I\u2019ve been faxcinated by the tactile qualities of these [&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,5,6],"tags":[539,540,128,131,537,191,194,258,536,299,538],"class_list":["post-2788","post","type-post","status-publish","format-standard","hentry","category-gigs","category-notes","category-waybackmachine","tag-chocolate","tag-dimensional-letters","tag-font-design","tag-fonts","tag-hersheys","tag-lettering","tag-limited-edition","tag-powerstation","tag-serigraph","tag-silk-screen","tag-theater-marquee"],"_links":{"self":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2788","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=2788"}],"version-history":[{"count":15,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2788\/revisions"}],"predecessor-version":[{"id":3624,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2788\/revisions\/3624"}],"wp:attachment":[{"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2788"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/alphabetsoupblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}