tag:blogger.com,1999:blog-34428919785171584572024-03-05T21:31:28.754-05:00The Gray Suite...where technology goes home to designh. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.comBlogger110125tag:blogger.com,1999:blog-3442891978517158457.post-82521223311808097752010-09-01T01:48:00.003-04:002010-09-01T01:54:20.766-04:00Dear Guests, It's Time to Pack UpMy Dear Guests,<br /><br />For nearly three years I have enjoyed your company here at my home, The Gray Suite. But due to the failing economy, The Gray Suite has been foreclosed on, and will be closing it's design shutters for good.<br /><br />Okay, enough with the metaphor. Yup, this will probably be the final post on The Gray Suite. But don't worry! You can still get your almost weekly design ramblings from me, just not here. Ta da! <a href="http://www.heathervandemark.com/blog/">My Portfolio Site</a> included with blog, will now be host to all these posts and all the ones to come in the future. There's even a new Brought to you by the Letter post today! (Psst, it's Silom's lowercase 'x'.)<br /><br />So, update your RSS feeds or Google reader or whatevers with the new blog address: <a href="http://www.heathervandemark.com/blog/">http://www.heathervandemark.com/blog/</a> and then get over there! Cheers and hopefully see you again! Don't be a stranger.<br /><br />Yours,<br />The Lady of the Househ. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-80422791379721360762010-08-11T21:02:00.007-04:002010-08-17T10:40:22.257-04:008Faces Issue 1 Review<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHC9u0yk7aDSXQtLAeLsfbvL9TNrLPG1ulLs-e67TZ-VHqoWacUy0JThtj_lSpmC4Euq0TkcQ1Ivrbmx2ofU4MF_G-mkmshDvKeE0sFrSpkbx_UKRiYOagF6xHQqDYLkVux7O9QgLYlQ/s1600/hmox.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHC9u0yk7aDSXQtLAeLsfbvL9TNrLPG1ulLs-e67TZ-VHqoWacUy0JThtj_lSpmC4Euq0TkcQ1Ivrbmx2ofU4MF_G-mkmshDvKeE0sFrSpkbx_UKRiYOagF6xHQqDYLkVux7O9QgLYlQ/s400/hmox.jpg" alt="" id="BLOGGER_PHOTO_ID_5504330675042931746" border="0" /></a><br /><br />I had the luck to purchase a print copy of the new, limited-edition, typography magazine, <a href="http://8faces.com/">8Faces</a>, before it sold out. And I can't tell you how ecstatic I am that I did. After pouring over it for the past 48 hours, I have a few things to say.<br /><br />First, I think I'm so in love with it, because I received it literally a day after I sketched out the ideas/concepts for my first (three!) typefaces. I was playing around with custom lettering for some thank you cards, and the next thing I know I was swarmed with ideas and sketching letter forms left and right and technical notes as fast I could. So, to receive a typography magazine the next day added much fuel to the fire.<br /><br /><span style="font-weight: bold;">Some really cool things in 8Faces, Issue 1:</span><br /><br />- Interview with Jessica Hische who's <a href="http://dailydropcap.com/">Daily Drop Caps</a> and hand lettering-style are going to be subject of my Inspiration #2.<br /><br />- It's incredibly well-written. John Boardly of <a href="http://www.posttypography.com/">ilovetypography</a>, wrote a short article "Type Matters," and he compares the <span style="font-style: italic;">invisible</span> technical details of a typeface that go undistinguished by readers to the way a seasoned chef adds salt to a dish to enhance the flavors but without the diner tasting the salt.<br /><br />- I love that the interviewees had different opinions on the future of web typefaces and how they should be distributed/owned. Many of them had their hands in different projects such as TypeKit, FontShop, League of Moveable Type, etc. It's very unbias journalism that expresses both sides of an issue without taking a side. And everyone was very respect to each other. Ah, civil debate, how I've missed you!<br /><br />- My favorite quote comes from Ian Coyle's interview. He says, "When a client comes to a designer - to any creative - it's not just the output; it's about the person: the way they think and the way they approach the work. ...And that only comes from <span style="font-style: italic;">thinking</span>." He nailed it perfectly. When I read that, I thought back to myself about all those times when people said I think too much (as a bad thing) and relished that I have this ability.<br /><br />- Lastly, they also interviewed <a href="http://www.posttypography.com/">Brian Willen and Nolen Strals</a>, who to my amazement are here in Baltimore! They teach at MICA and wrote Lettering & Type (which I am familiar with.) So this was exciting, and a happy surprise/nod to the design community of Baltimore. Yea yea.<br /><br /><br />Essentially, 8Faces in<span style="font-family:georgia;">terviews 8 different typographers or design-extraordinaires and ultimately, asks them, "If you could you just 8 typefaces for the rest of your life, which would you choose?" I absolutely loved reading this spread after each interview, to see what typefaces overlapped and more interesting what the departures were. The departures were usually ones that achieved a personable sentiment between the designer and the typeface. It definitely opened up my eyes to some typefaces that I had overlooked. Georgia got brought up a lot as the go to web-safe font. </span><span style="font-family:georgia;">I'm not sure how I feel about that! </span><br /><br />8Faces, issue #1 is <a href="http://8faces.com/">still available</a> for PDF download if you're interested. I have to say I wouldn't want to read this in any other way than in print. Sometimes, when I'm at the airport or Barnes & Noble, I think to myself, <span style="font-style: italic;">I want to support the print industry,</span> <span style="font-style: italic;">I love print, I'll buy some cool design magazines. </span>And so often I am disappointed at the selection! But 8Faces is awesome because it's informative, well-designed and not-pretentious. I particularly like that's it's not pretentious. And there are extra goodies in it besides the 8 interviews, like a featured art piece, a chance to win something, etc etc. <span style="font-weight: bold;">I strongly urge all of you - if you have even a slight interest in typography - to get your hands on Issue 2.</span>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-41322046097789084362010-08-10T08:42:00.001-04:002010-08-10T08:42:00.390-04:00Brought to You by the Letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFW55TV5usHf_DnZJC_cGY-e0wIziCHeR-_YR59mIPEE4YS8a_6LHSyww371CMf8ZmJE_8-Q14CHv__MErHgMssigKOkozSHMmAbRcqhN2rkkSZphcKlqyRBk6F3c7c7GKomSJ2jKU5Vo/s1600/lobster_B.gif"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFW55TV5usHf_DnZJC_cGY-e0wIziCHeR-_YR59mIPEE4YS8a_6LHSyww371CMf8ZmJE_8-Q14CHv__MErHgMssigKOkozSHMmAbRcqhN2rkkSZphcKlqyRBk6F3c7c7GKomSJ2jKU5Vo/s400/lobster_B.gif" alt="" id="BLOGGER_PHOTO_ID_5503601689999164914" border="0" /></a><span style="font-size:85%;"><span style="font-weight: bold;">Brought to you by the Letter:</span><span style="font-weight: bold;"> B</span></span><br /><span style="font-weight: bold;"><span style="font-size:85%;">Old Standard TT, Regular, uppercase B</span></span><span style="font-size:85%;"><br /></span><span style="font-size:85%;"><br />Of all the Google Font Directory typefaces, Lobster has got to be the most wide</span><span style="font-size:85%;">ly used so far online. Or maybe it's just so distinct that I notice it more often than</span><span style="font-size:85%;"> say Old Standard TT. Lobster, by Pablo Impallari, is a really fun decorative script font. Something about it feels like summertime. The deta</span><span style="font-size:85%;">ils - the loops and thick curves, the way the letters run together as there's something a little urgent and exciting. It all</span><span style="font-size:85%;"> feels very vintage to me, maybe the 70s? I want to see the words Psyche! and Chill and Get Down written in Lobster in shades of burnt orange and mustard yellow with thick white strokes. And then it sort of hit me, Lobster reminds me of the typeface for the logo of those colorful Spanish lollipo</span><span style="font-size:85%;">ps, Chupa Chups. I can see some resemblance in style:<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYbxCILUI5bGRd_P5Z8VqlHZ4MnaMDFr4EOWsLaPqN46yOGCzhRk1udD2_yWF88bPGZINS-XflBIu2dLGM9pmwf_Q3CxWDo9cKKBlkQWdH7dRShpD8v9yfCNJIr3PUJQG9mXS8_3uTx7s/s1600/200px-Chupa-chups.svg.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 200px; height: 197px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYbxCILUI5bGRd_P5Z8VqlHZ4MnaMDFr4EOWsLaPqN46yOGCzhRk1udD2_yWF88bPGZINS-XflBIu2dLGM9pmwf_Q3CxWDo9cKKBlkQWdH7dRShpD8v9yfCNJIr3PUJQG9mXS8_3uTx7s/s400/200px-Chupa-chups.svg.png" alt="" id="BLOGGER_PHOTO_ID_5503600841164400450" border="0" /></a><br />Extra awesome about the Chupa Chups logo: it was done by Salvador Dali in 1969. Thank you <a href="http://en.wikipedia.org/wiki/Chupa_Chups#Marketing">Wikipedia</a>.<br /><br />But on to the Lobster, regular uppercase B. I started doing some digging and Lobster is not only a very </span><span style="font-size:85%;">pretty font, but a very well-made font. I say this because a lot of care was taken into creating alternate versions of the letters (79 ligatures so far) that help finesse the font's handwritten feel. For example, notice the details of the B above: The stem and the curves connect in only one place, both bowls are open. However, notice the differences among the B ligatures below (These are displayed in Photoshop if you want to see it for yourself). The black type shows Contextual Alternates, the red type shows Standard Ligatures, and the blue shows Stylistic Alternates. Notice on the blue type how the bottom bowl connects to the stem. (More changes occur with the other letters, but I want to stay focused on the B.) This attention to detail is what makes Lobster stand out as a well-designed typeface, and it makes sense why everyone is jumping at the chance to use it.<span style="font-size:85%;"><span style="font-weight: bold;"><span style="font-size:85%;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-EJdkj6xL-boCHIlns0dKKnfXDfbiDU5maGjgXqvlZ3IFQllsPIGJuHIVhMZ7_y52ucLYZmYJsYZX8BntZtrdSX7-WelxN367n7_GzlAmaFKwUZz5bqAUTayWV0x670ui3mDEKUyR8BQ/s1600/Lobster_ligatures.gif"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-EJdkj6xL-boCHIlns0dKKnfXDfbiDU5maGjgXqvlZ3IFQllsPIGJuHIVhMZ7_y52ucLYZmYJsYZX8BntZtrdSX7-WelxN367n7_GzlAmaFKwUZz5bqAUTayWV0x670ui3mDEKUyR8BQ/s400/Lobster_ligatures.gif" alt="" id="BLOGGER_PHOTO_ID_5503606970571327730" border="0" /></a></span></span></span>Courtesy of Google Font Directory, Impallari.com:<br /><br /><span style="font-weight: bold;">Design Foundry: </span>Impallari<span style="font-weight: bold;"></span><br /><span style="font-weight: bold;">Designer: </span>Pablo Impallari<br /><span style="font-weight: bold;">Date:</span> 2010<br /><span style="font-weight: bold;">Classification: </span>Decorative - script<br /><br />You can find a lengthy and interesting description about Lobster from the creator himself <a href="http://www.impallari.com/lobster/">here</a>. An excerpt explaining what I mentioned above about the ligatures more in depth: </span><br /><p></p><blockquote><p><span style="font-size:85%;">"A common problem that affect most script fonts, is that each letter must be draw in a way that connect with the next and previous letters. And that's quite difficult.</span></p> <p><span style="font-size:85%;">By having 26 lowercase character, that gives you more than 600 possible combinations for each letter (and arround 15600 for the whole alphabet). It's next to impossible to make it always connect seamesly whitout compromising the shape that each letter was originally intended to be.</span></p> <span style="font-size:85%;">That's why trying to make script fonts works it's like magic."<br /></span></blockquote><span style="font-size:85%;"><br />Impallari also released the typeface at Typophile, and it's interesting watching it develop in this forum <a href="http://typophile.com/node/66851">here</a>. The one thing I've gathered from the writing about Lobster, is that it is very much a collaborative effort. Although Impallari may have been the only one touching the letters, commentators and typography gurus had a lot of influence on the final design.</span>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com3tag:blogger.com,1999:blog-3442891978517158457.post-7941937778627337112010-08-03T08:00:00.000-04:002010-08-03T08:00:03.790-04:00Brought to you by the letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy-Zy9tO_C_nW4q7KVPfOxBD3CAdW3Q69-TX0iDo9WsID1yVGAROD8eNu3ll3PYY7Et8EN_XYrWd_JvCu4rmVtiTvpXtBuswDvKtGTrZzQr4sT0arDEL77gUCiDiJFDPuR2eHNj1XEhqI/s1600/oldstandardtt_d.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy-Zy9tO_C_nW4q7KVPfOxBD3CAdW3Q69-TX0iDo9WsID1yVGAROD8eNu3ll3PYY7Et8EN_XYrWd_JvCu4rmVtiTvpXtBuswDvKtGTrZzQr4sT0arDEL77gUCiDiJFDPuR2eHNj1XEhqI/s400/oldstandardtt_d.gif" alt="" id="BLOGGER_PHOTO_ID_5501030270613576498" border="0" /></a><span style="font-weight: bold;"><br />Brought to you by the Letter:</span><span style="font-weight: bold;"> D</span> <span style="font-weight: bold;"><br />Old Standard TT, Regular, lowercase d</span><br /><br />Old Standard TT is another typeface available in Google's Font Directory. The lowercase 'd' feels particularly timeless, and I don't think the rest of the typeface translates quite as well. Although, the ascender is a little short in proportion with the x-height, which is uncommon (even disliked?) to see today in contemporary typefaces.<br /><br />To be honest, I don't have strong feeling about this 'd', I just knew that I liked it when I saw it. Mainly, I thought the top and bottom brackets pointing in different directions was sort of funny. Like the hand gestures for that 80's Dance Like an Egyptian song. But after I checked out some other serif typefaces, I see that that's the norm for lowercase ds. Nevertheless, I stick by the Old Standard TT, lowercase d.<br /><br />Oh, I will add that I think the typeface works better on the web at larger sizes. The smaller sizes start to have anti-aliasing issues and look a little fuzzy. You can see Old Standard TT at different sizes on the <a href="http://code.google.com/webfonts/family?family=Old+Standard+TT">Google Font Directory</a> page. (Better information below!)<br /><br /><br />Courtesy of <a href="http://www.fontsquirrel.com/fonts/Old-Standard-TT">Font Squirrel</a>, The Salonnica<br />(You can download the font from Font Squirrel)<br /><br /><span style="font-weight: bold;">Design Foundry:</span> Paratype (?)<br /><span style="font-weight: bold;">Designer:</span> Alexey Kryukov<br /><span style="font-weight: bold;">Date: </span>2006-2009<br /><span style="font-weight: bold;">Classification: </span>Modern Serif<br /><br />Old Standard was very common in the late 19th and and early 20th centuries for Biblical, classical and medieval reproductions. This association makes it a particularly good choice for scientific papers (particularly social and humanitarian sciences) because Old Standard's "specific features are closely associated in the people's eyes with old books they learned on." Old Standard is also a good choice for Greek and Cyrillic works, because Greek and Cyrillic lettertypes were based on the same classicist style. (The classification of "Modern" is based on the style, not the time period.) Old Standard includes over 1,400 glyphs to cover Latin, Greek and Cyrillic characters.h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-24302470387703862442010-07-31T08:00:00.003-04:002010-07-31T23:06:45.868-04:00Inspiration Series #1: BHoff, Dribble and Website DesignI've been meaning to create a portfolio website for years now. Every summer and winter break during grad school, I would think, yeah, I'll finally get my site done! And sure enough weeks would go by, and it just wouldn't happen. But during the final semester of my grad program--on top of all the other work I had to do to finish--I thought, okay I am going to do it. And after a night's worth of work, I designed my site.<br /><br />And it was hideous! It was boring, it had obnoxious web 2.0 trends, it was disjointed, and more importantly, it didn't reflect me or my aesthetic. And the only way I came to this realization was through a little inspiration from Brian Hoff's redesign of his blog, The Design Cubicle.<br /><br />Mr. Hoff (I don't know him, so I just can't call him Brian) posted some of <a href="http://dribbble.com/players/behoff">his Dribbble snapshots</a> of his site redesign on Twitter.<br /><br />[NOTE:<a href="http://dribbble.com/">Dribbble</a> is an invite-only showcase website for designers to show off their current works in 400x300 px squares. I've yet to receive my invite, ahem, so I've been hanging out and sharing my design snapshots at <a href="http://forrst.com/people/hsvandemark">Forrst</a> instead.]<br /><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY8zUUlOois3apNA4VBjdJy_Nad0xlhlN_C9APOgiQwUR7TdV8yPpEiLJdOMJarkAwj517u1oNg7GyksT6GnR8irjTys3tU6msAciyFJebwU8laG3HXCZ6oEw65IoU0NDSdguOYh6zTE0/s400/shot_1271821842.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5500261804188187218" /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZRBuNQ3EzkVA_c3F82gsRs7WOFETUWqUxUB4Lj2mc271zAsrz7MPDJVH8mcdcE_K7vZH5WVnNhqjhaB-pbHh5wgJGQF6mpHKqyQXs7Znkjv-gg_14-7rxkUDlDx1GG8n7jLUOOouDHYk/s400/shot_1271873301.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5500261991114566114" /><br /><br />And I loved them. The color palette was unique and fantastic. The fine details along the content margin.The textures and layers. Every detail was clearly a conscious choice. And I felt like I got a sense of this guy from this design. These tiny snippets made me excited not only for rest of his site, but also about design in general. Here's a guy who thought about the design and the usability, and not once or twice, but so many times until every piece fell into place. And you can see the finished result here: <a href="http://www.thedesigncubicle.com/">The Design Cubicle</a> And yes, this site looks so good, I want to have sex with it. It is just so spot on.<br /><br />As a writer, I'm used to rewriting a single sentence ten times to find the perfect word, the perfect rhythm. But I haven't quite taken that same editing mentality to my designs - especially my own branding, and I know I need to.<br /><br />So I tossed out my old design and started again. <b>I had to address the real crux of my problem: </b>What is my design aesthetic? What do I want my website to say about me? What do I like about design?<br /><br />Here are some of the things I wrote down:<br />1. I like type solutions (but need to learn more about typography)<br />2. I like taking photos (but don't have a voice yet)<br />3. I like clean, minimal and modern<br />4. I like fancy, complicated prints (but haven't done any myself)<br />5. I like writing and editing and critiquing<br />6. I like things to be thoughtful<br /><br />And after contemplating what I had written for a while, it started to come together. I wanted something authoritative (#1, #2, #4). I don't know everything yet (and I'm still learning), but I want people to feel confident that I do. I wanted people to land on my website, and think oh, this is put together (#6). And I realized that perhaps a photo solution would be a good solution for me (#2).<br /><br />I don't want to give away all the surprise about my new site (which should be up soon!), but here's a brief idea of what went into it: Taking photos, editing photos, working them into the site, type choices, type changes, layout choices, layout changes, choosing color palette, reworking the photos, choosing portfolio pieces, finding stock photos, editing stock photos, figuring out hovers, making social media icons, redoing the footer, etc. etc. (Then repeat for the blog design.)<br /><br />And I know some of you might be rolling your eyes going, <span style="font-style:italic;">sheesh this is what you should be doing for every design concept Heather. </span>And yeah, I know, thanks. But "should" doen't mean I always do, and I doubt you do all the time either. Especially, when it comes to our own work. When it comes to our own branding and identities, some of us get blinded by our own egos, and others throw themselves into client work just to avoid it. Either way, designing for ourselves gets treated differently. And differently shouldn't mean poorly.<br /><br />For those of you who prefer a visual representation, here's a few Dribbble-esque 400 x 300 px snapshots of my own:<br /><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHvjNyzm2DPxK_YoMejxTgIWGAvDicQu11HEmF82-Ym-Nqhyft2fD4FLrcDPHUbfnQDlFi0fku3SLUsMNhGgpYwi06hpsjdFAWpLDZu4kRMvwAQQz7FuO7EIqi3RvYMHKkzGBOqO_SrPE/s400/snap3.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5500267215039556306" /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJb5ZgukPKcmoMZb5YKXSeSviN2qqS0LqkHL2Nz9TVLEtm4kjmRKIkg9POXepvLVPIK_LqJlwjW1yc9pb09SeMD_0N2zsfybEEIkbkhTV3CGWsSx4TZTn8MGPXiP3N5cxOJMS6i3jcpc/s400/snap2.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5500267598841023186" /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcsPEjslJqPmELxiwNfrOO5WWywynXp-71GOdCXRHtWEPcF4XBim64ioD-5QTYKzK_kWiTn6I-rI7zeTLKh_lhk7sMoTN1iXoowZD6UluA4ezEpLVUWMv3jdwsOlhPvGv9_eEm0x1o4s/s400/snap1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5500267605889863378" />h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-22898064410510255592010-07-27T08:00:00.003-04:002010-07-27T08:00:00.589-04:00Brought to You by the Letter<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh67EyYnYSA5K4CGTG29op_YxHpTXzL9sXiNoEd9IzCLBWVew1v7FI1mCnLotwN-wXyOmscdeuS3N10MiRS8uRoCqcbjQ05aOo-eidZz1XEqI8WjCJzTfsyfzrT-gNBuMJxMUJYnp9RqU/s1600/josefin_k-1.gif"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh67EyYnYSA5K4CGTG29op_YxHpTXzL9sXiNoEd9IzCLBWVew1v7FI1mCnLotwN-wXyOmscdeuS3N10MiRS8uRoCqcbjQ05aOo-eidZz1XEqI8WjCJzTfsyfzrT-gNBuMJxMUJYnp9RqU/s400/josefin_k-1.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5498345709893939186" /></a><br /><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><b><span class="Apple-style-span" style="font-size:medium;"><br /></span></b></span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><b><span class="Apple-style-span" style="font-size:medium;"><br /></span></b></span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><b><span class="Apple-style-span" style="font-size:medium;">Brought to you by the Letter:</span></b><span class="Apple-style-span" style="font-size:medium;"> K</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><b><span class="Apple-style-span" style="font-size:medium;">Josefin, Regular, lowercase k</span></b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">As you may or may not know, web sites are in some ways limited in what sorts of typefaces they can use/display. This handful of fonts are called "web safe fonts." However, with more and more print designers moving to web, a limited number of fonts has just become unacceptable, and there are a few ways to get around using just the web safe fonts and instead using some wicked cool fonts (without saving them as an image). </span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">Google recently got into the game with the </span><a href="http://code.google.com/webfonts"><span class="Apple-style-span" style="font-size:medium;">Google Font Directory</span></a><span class="Apple-style-span" style="font-size:medium;">. It currently includes 18 open-source fonts that Google actually gives you the code to embed the font into the site. That way, no matter the browser or computer platform, the font is available through the site and thus loads and displays correctly. Over the next few weeks, I'll be plucking some of the letters from the Google Font Directory.</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">This week is Josefin's regular, lowercase 'k,' which I am seriously loving as a letter and a typeface. Although, I would make a desperate plea to </span><a href="http://twitter.com/sannorozco"><span class="Apple-style-span" style="font-size:medium;">@sannorozco</span></a><span class="Apple-style-span" style="font-size:medium;"> to please make/finish the bold and italic weights. It's just such a lovely, lovely typeface that additional weights would make it quite versatile.</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">What I like about Josefin the typeface is how "delicate, yet assertive" it is and "geometric, yet decorative." (the maker's own description.) It's a dressed up sans-serif. Josefin is Futura's date on a Friday night, wearing a little black dress and drinking dirty martinis. </span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">What struck me about this k is it's hard, razor-like angles, and legs going everywhere. It looks the way a 'k' sounds, which to me makes me think of Korean characters, which were designed to look the way the mouth is shaped when pronouncing the letter. (So I can't help but feel like the shape has some Asian influence.) And while the 'k' doesn't look like the tongue's movement or anything, it does look like the sound</span><i><span class="Apple-style-span" style="font-size:medium;"> k-k-k-k-k-k-k</span></i><span class="Apple-style-span" style="font-size:medium;">. Hard and awkward (and not boring looking). And Josefin's 'k' still manages to be so clean and concise and modern. Is it an abstract house or tree or some ancient hieroglyphic? The 'k' looks like it's from another time. The white space is perplexing and it should be because 'k's are.</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">Courtesy of </span><a href="http://www.typemade.mx/"><span class="Apple-style-span" style="font-size:medium;">Typemade.mx</span></a> </span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:small;">(You can download the font there at the bottom of the page)</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 20.0px; font: 13.0px Georgia"><b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">Design Foundry:</span></span></b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"> Typemade</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 20.0px; font: 14.0px Baskerville"><span style="font: 13.0px Georgia"><b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">Designer:</span></span></b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"> </span></span></span><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">Santiago Orozco</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 20.0px; font: 13.0px Georgia"><b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">Date:</span></span></b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"> 2010</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 20.0px; font: 13.0px Georgia"><b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">Classification:</span></span></b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"> Geometric, Decorative Sans-Serif</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 20.0px; font: 13.0px Georgia; min-height: 15.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 20.0px; font: 14.0px Baskerville"><span style="font: 13.0px Georgia"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">"</span></span></span><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">The idea for create this typeface was to make it geometric, elegant and kind of vintage, special for titling. It is based on 1927 Rudolf Koch's Kabel, 1930 Rudolf Wolf's Memphis, 1927(?) Paul Renner's Futura.</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 18.0px; font: 14.0px Baskerville; min-height: 16.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; line-height: 18.0px; font: 14.0px Baskerville"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size:medium;">"My idea was to draw something with good style, specifically that reflects the swedish design and their passion for good lifestyle, and by default all other scandinavian styles."</span></span></p>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-85548358671159602102010-07-26T18:45:00.003-04:002010-07-26T18:51:50.935-04:00Inspiration Series<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;">I've noticed that there are a lot of "Inspiration" posts on the web. They're usually just image after image of "inspiration." (Half the times the links are broken and I can't even see the whole image or original site, and it's actually incredibly frustrating - but that's another post.) And while, I like to browse these images, and while I appreciate them, am excited by them, am moved by them, I don't necessarily think of them as </span></span><i><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;">inspiring</span></span></i><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;">. </span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;">Granted, this might just be a case of semantics, but for me, deriving inspiration from something means to A. use one of my five senses to register something into my brain, B. be moved by that something, and most importantly, C. create something new intentionally based off of that original something. This to me is what inspiration is all about. Because we all get 500 ideas a day that are spurred by the things we see and interact with daily, but it's not enough to call it inspiring if it doesn't move you to actual make your idea a reality. I don't think a poet would call the sun an inspiration if they weren't also writing poetry about the sun.</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;">Now you can argue that you could see a flurry of images on one of those design inspiration posts (or even in an art museum) and that they'll subconsciously influence your work from then on. And that's totally true, I agree, but that's more influence than inspiration... ? But there's also something wonderful about creating something that you can pinpoint to a moment of inspiration, a moment of a-ha. I think being influenced by 20th century art is different than being inspired by painting XYZ by author ABC.</span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;"><br /></span></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;">Again, I might be running in circles and you might not see the difference, and that's no big deal. To an extent, I'm just rambling here. I'm also introducing a new series to The Gray Suite: </span></span><b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;">The Inspiration Series</span></span></b><span class="Apple-style-span" style="font-family:'times new roman';"><span class="Apple-style-span" style="font-size: medium;"> (great name right?). So be on the look out for these, they won't be weekly, but hopefully at least monthly. I'll create something and discuss my process on how I went from the thing of inspiration to my creation and why.</span></span></p>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com2tag:blogger.com,1999:blog-3442891978517158457.post-34978190031405079202010-06-22T08:00:00.002-04:002010-06-22T09:23:36.317-04:00Brought to you by the letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6_YUoR_wgZqBi1p4H3fJEjacIXiFzqC-lmSJU99Or8FYZ34u1AAt9yLPKYjfxxG4PuyJAYY7ijA99FdIEk-qH3-DlEjaQtAQxK7Zc9m8vP2B2ISMonzW_rcUPd5t8cRMF9_s0R3WLDEg/s1600/bauhaus93_b.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6_YUoR_wgZqBi1p4H3fJEjacIXiFzqC-lmSJU99Or8FYZ34u1AAt9yLPKYjfxxG4PuyJAYY7ijA99FdIEk-qH3-DlEjaQtAQxK7Zc9m8vP2B2ISMonzW_rcUPd5t8cRMF9_s0R3WLDEg/s400/bauhaus93_b.gif" alt="" id="BLOGGER_PHOTO_ID_5485406848443478434" border="0" /></a><br /><br />Brought to you by the letter: B <span style="font-weight: bold;"><br />Bauhaus 93, lowercase, regular b</span><br /><br />Bauhaus is ones of those typefaces every designer needs to know. I'd even go so far that it's a typeface that <span style="font-style: italic;">everyone </span>should know, but that's a very special classification mainly left to Helvetica, Arial, Times New Roman and Comic Sans, but I digress.<br /><br />Personally, I don't think Bauhaus is all that pretty or useable. It's round and approachable without being childish. It's a little quirky the way the shape never really connects to itself. It feels simple but it's not. And when used in a certain way, Bauhaus can even feel distinguished. But like my earlier post on the typeface Broadway, Bauhaus is much more than a distinct visual face. Mainly because the typeface is held in esteem as a representation of a larger art movement of the same name.<br /><br />Bauhaus comes from the German school of Staatliches Bauhaus which combined arts and crafts and fine arts in the early 20th century. The main theme of the school was to include all types of art in one roof (design, architecture, textiles, decor etc.). As a result, the Bauhaus became a movement as thinkers and makers from this time and school proceeded to go and influence many different art disciplines. Modernism played a large part in the Bauhaus school of thought, and I definitely think that's reflected in the Bauhaus typeface.<br /><br />Courtesy of Wikiepedia.com:<br /><br />I'll skip the regular breakdown of foundry, designer etc. And just give you a timeline instead since it's a bit confusing. In 1925, <span style="font-weight: bold;">Herbert Bayer</span> created Universal. Bauhaus is based off of that. There's also Burko Bold which is an unfinished Bauhaus design. Blippo was created in 1969 for Fotostar by Joe Taylor as a black weight to Burko Bold. Bauhaus 93 is a variant of URW Blippo Black. ITC Ronda gave lowercase letters to the family. ITC Bauhaus was finally created in 1975 by <span style="font-weight: bold;">Edward Benguiat</span> and <span style="font-weight: bold;">Victor Caruso</span>. Not going to lie - none of this is particularly clear to me - or at least the differences among each of these is not clear. But in a nutshell, Bauhaus in some form or another, has been around since the 1920s.<br /><br />More interesting! Bauhaus was the typeface used for The Jeffersons and Roseanne title sequences. It was also used in Walt Disney World signage. And more recently, it's used sometimes in Homestar Runner titles. Whoa!h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com3tag:blogger.com,1999:blog-3442891978517158457.post-76529373748671122832010-06-09T17:24:00.007-04:002010-06-09T19:11:58.798-04:00Brought to You by the Letter...<div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBK6zzSbCRIUlyktVM65fcMF1QnxVLppe1G2oiSqObGNCRhTdAiYZmIT-I-L-LuVNFfoEdNezhogiLzZPxTFRKORNhW7RRWsmQ4biomUwzi3mbr3MChJatJ11onPJn6Lcs6hyphenhyphenlwuA-ldA/s1600/vitesse_H.gif"><img id="BLOGGER_PHOTO_ID_5480894016057934594" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 300px; CURSOR: hand; HEIGHT: 300px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBK6zzSbCRIUlyktVM65fcMF1QnxVLppe1G2oiSqObGNCRhTdAiYZmIT-I-L-LuVNFfoEdNezhogiLzZPxTFRKORNhW7RRWsmQ4biomUwzi3mbr3MChJatJ11onPJn6Lcs6hyphenhyphenlwuA-ldA/s400/vitesse_H.gif" border="0" /></a><br /><br /><div><strong></strong></div><br /><br /><div><strong></strong></div><br /><br /><div><strong>Brought to you by the letter: H</strong></div><div><strong>Vitesse, regular, uppercase H</strong></div><br /><br /><div></div><div>As a Heather, I have a very long history with the uppercase H. And I've always sorted of hated it. It's blocky and big and boring. It has no finesse, no style. But Vitesse's uppercase H takes the boring blockiness of the H and gives it some style.</div><br /><br /><div>I know you might be thinking that all slab serif Hs are all the same, but that's not true (see the bottom of this post.) Vitesse H feels sporty and spirited. It may not be the all-star character of the typeface, but it's the supporting player who grounds all the others. I definitely think a 3 pt stroke around it would scream varsity/university letter. (Not that I recommend doing that to this shape.) While I'm not super into sporty, collegiate typefaces, I think this one is a very modern, usable typeface. </div></div><div><br /><div> </div><div>Courtesy of typography.com:</div><br /><div></div><div><strong>Design Foundry:</strong> H&F-J</div><div><strong>Designer:</strong> H&F-J</div><div><strong>Date:</strong> 200?</div><div><strong>Classification:</strong> 21st century slab serif</div><br /><div></div><br /><div>"Noting that nineteenth century designs were based on the ellipse, and twentieth century ones on the circle, we wondered what other geometries might prove similarly fertile, and were inexorably drawn to the rounded rectangle. Surprisingly, this attractive and familiar shape, so iconic of both the industrial and digital eras, has seldom been employed typographically as anything more than a novelty.</div><br /><div></div><div>"The design that emerged has many of the qualities of a beloved sports car: Vitesse is agile, steady, suave, confident, and stylish.."</div><br /><div></div><div>To continue on about how slab serifs are not all the same, I present to you an overlay of four slab serifs below. The black is Vitesse, the blue is rockwell, the yellow is courier, the pink is prestige elite. Even though it's a slab serif and a symmetrical letter, there are many places for variation: the length and thickness of the bracket, the length and thickness of the cross bar, the length and thickness of the legs. So for those of you who don't see the difference among typefaces, hopefully you do now. <br /></div><div></div><br /><div><img id="BLOGGER_PHOTO_ID_5480912715103845938" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 300px; CURSOR: hand; HEIGHT: 300px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM_yAbD4Vp1wwnvvKP1x_DdN8QfGK-szxzRMl7_k5Pi-g7wFPha0WFQUK_WXevKEGbU8xcbJnZ0_2Jq3m1Br1JvXPBA0R-JGxERAYYADEze1ZqvJfwYkyiQ620AnJdhC9IFnQONw1_1H4/s400/slab_example.gif" border="0" /></div></div>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-73915595460399551522010-06-01T08:00:00.000-04:002010-06-01T08:00:07.034-04:00Brought to You by the Letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ogf_bX99zvkq5MX-VYMtKRGqMry42yFaeAl30gJphy6SJh-kIEEY0dEhyCdY5J5jk7nLG8e-ZJZhUsIQzlwiQzg7xEUB_n1rehRhl_d05Ybm2-51-pJieapLoRjRe0AYKh5JlbiZX-I/s1600/Broadway_C.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ogf_bX99zvkq5MX-VYMtKRGqMry42yFaeAl30gJphy6SJh-kIEEY0dEhyCdY5J5jk7nLG8e-ZJZhUsIQzlwiQzg7xEUB_n1rehRhl_d05Ybm2-51-pJieapLoRjRe0AYKh5JlbiZX-I/s400/Broadway_C.gif" alt="" id="BLOGGER_PHOTO_ID_5477637713935773618" border="0" /></a>Brought to you by the letter: C<br /><span style="font-weight: bold;">Broadway, Regular, uppercase C</span><br /><br />Broadway is another one of those highly recognizable typefaces, using it instantly invokes the eras of the 20s and 30s. I'm partial to the C because it has a sort of half-empty/half-full vibe happening. Standing alone, the Broadway uppercase C looks like much more than a C, it becomes quite abstract.<br /><br />I like that the terminals are rounded instead of completely flat, which I think help counteract the very thick and rigid lines that make up the heavy black part of the letters. The black line in the uppercase C also helps make the bowl more interesting and distinguished, by creating a flat sided white space, which is uncommon for any bowl. <br /><br /><br />Courtesy of wikipedia.com, identifont.com<br /><br /><span style="font-weight: bold;">Design Foundry: </span><span>American Type Founders; Linotype (now)</span><br /><span style="font-weight: bold;">Designer:</span> Morris Fuller Benton<br /><span style="font-weight: bold;">Date: </span>1925<br /><span style="font-weight: bold;">Classification:</span> Decorative, Art Deco<br /><br />Broadway is a very popular Art Deco typeface. Originally, it was designed as a capitals only typeface, but in the 1970s during a resurgence of Broadway came several new variants that included lowercase letters.<br /><br />Art Deco was a big art movement between 1925 and the 1940s that included a lot of geometric shapes and was always very ornamental. Art Deco was truly design for design's sake. While once it was called elegant, glamorous and modern, people began to associate it with a false-opulence. I think society has turned around on Art Deco once more, and it's returned to being a sign of elegance and glamor, but now with a hint of vintage.h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-53067956722032359882010-05-26T12:37:00.004-04:002010-05-26T12:38:40.280-04:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnR5HHX5-89UxQorI4laCcw0pegu0Of4XANK3rJrsE1BXax79t9kKH5zZ6BPfOFZmmaFWrtNrJh5JWdfhPGfvWB1LAGXj8rA-S3vCTfXEFRm1TZUzCNtk2Xk0SdyUOmpOAd9upGuDfw2w/s1600/wingdings.gif"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 151px; height: 430px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnR5HHX5-89UxQorI4laCcw0pegu0Of4XANK3rJrsE1BXax79t9kKH5zZ6BPfOFZmmaFWrtNrJh5JWdfhPGfvWB1LAGXj8rA-S3vCTfXEFRm1TZUzCNtk2Xk0SdyUOmpOAd9upGuDfw2w/s400/wingdings.gif" alt="" id="BLOGGER_PHOTO_ID_5475618770108031682" border="0" /></a>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-82474119175063541882010-05-25T22:32:00.008-04:002010-05-26T12:37:03.683-04:00Brought to You by the Letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmPfbMUEvD-OrZuBTXe_5MWXfiSmeEf2JERWkSpEvgTCO-6rZf31qDJsUhGlN2PzLXuPuGikCA-ZWnjRYTR0sgRl4CQ71Uw7nOiYty2W2pvEMYup-jft4jJ19JFx9Oj-HNHX7048OAf14/s1600/Webdings_N.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmPfbMUEvD-OrZuBTXe_5MWXfiSmeEf2JERWkSpEvgTCO-6rZf31qDJsUhGlN2PzLXuPuGikCA-ZWnjRYTR0sgRl4CQ71Uw7nOiYty2W2pvEMYup-jft4jJ19JFx9Oj-HNHX7048OAf14/s400/Webdings_N.gif" alt="" id="BLOGGER_PHOTO_ID_5475408858013136162" border="0" /></a>Brought to you by the letter: N<br /><span style="font-weight: bold;">Wingdings, Regular, uppercase N</span><br /><br />Quite frankly in the font world, I think of Wingdings as a joke. I mean who actually uses Wingdings? Who even ever browses through Wingdings? Or Wingdings 2 or Wingdings 3? I sure don't. But nevertheless, as I was searching for letters for this blog post, my down arrow key took me into the land of Wingdings before I got the chance to turn around and head towards the safety of Verdana or Vitesse.<br /><br />I found this "N"ugget of surprise in Wingdings: uppercase N, which is the skull and cross bones symbols. YEA Wingdings! Way to be badass. I imagine my inner, nerdy 8th grade self in 1998 repeatedly stroking the 'N' key, filling the AppleWorks document with lines of Wingdings skulls, depicting my angst nature in a single iconographic representation. Perhaps, I'd even make some of them red, to be truly artistic.<br /><br />The skull and cross bones represents death, poison, danger and pirates. Can anyone think of anything else? I like this particular version--even if the nose looks a little too much like an upside down heart. And it's much better than the unicode version: <a href="http://www.fileformat.info/info/unicode/char/2620/index.htm">U + 2620</a>, which looks like a drawing done by an eighth grader.<br /><br />Among all the gesturing hands and geometric shapes, the skull and cross bones is a fun surprise in the Wingdings typeface. It shows the designers had a sense of humor about themselves. Although, some people believe their is much, much more to be read into the Wingdings symbols. Read on for a few conspiracy theories.<br /><br /><br />Courtesy of identifont.com, squidoo.com, wikipedia.com:<br /><br /><span style="font-weight: bold;">Design Foundry: Publisher:</span><span> Microsoft Typograph</span><span>y</span><br /><span style="font-weight: bold;">Designer:</span> Kris Holmes and Charles Bigelow<br /><span style="font-weight: bold;">Date: </span><span>1992</span><br /><span style="font-weight: bold;">Classification:</span> Dingbat<br /><br />Wingdings now comes standard on Windows computers. It was originally named/derived from: Lucida Icons, Arrows and Stars. Apparently, when Wingdings was released in 1992, people quickly discovered that NYC in Wingdings is the Skull & Cross bones (N), Star of David (Y), Thumbs up (C), creating a suggestive message that killing/poisoning Jews (particularly NYC Jews) was a good thing.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXNpb_mN4zY8cvqv2lw6zrSb2Hte__EdBQALsVW1JAal-pYeOXJS-5ZAPS0EYCB0dNZCmAv7921jTPjvVOPTk4lKTxN7rosxyTO5A-O1nVBfaGiqw4v1_wQ_3FEq2nk4_GfFtPr68oJ2A/s1600/nyc.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 333px; height: 343px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXNpb_mN4zY8cvqv2lw6zrSb2Hte__EdBQALsVW1JAal-pYeOXJS-5ZAPS0EYCB0dNZCmAv7921jTPjvVOPTk4lKTxN7rosxyTO5A-O1nVBfaGiqw4v1_wQ_3FEq2nk4_GfFtPr68oJ2A/s400/nyc.jpg" alt="" id="BLOGGER_PHOTO_ID_5475421864448709042" border="0" /></a>Microsoft claims this was unintentional, and just happen to be where the symbols fell. And in later releases of Wingdings (which none of my newer computers had?) intentionally had Wingdings spell NYC with an eye (N), heart (Y), skyline (C), suggesting the ever popular slogan: I love New York. <span style="font-style: italic;">[Note: The symbol change seems to appear in Webdings.]</span> For a roundup of other Wingdings conspiracy theories, visit to <a href="http://www.squidoo.com/wingdings">Squidoo.com/wingdings</a>.<br /><br />And in honor of all Dingbats, I thought I'd have a little fun and post this entire article in Wingdings for you above. In 1994, David Carson was the editor of Ray Gun magazine, and set an entire four page interview in Zapf Dingbats (another symbol typeface) because it (the article) was so boring. David Carson, I salute you.h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-52059169889602304652010-05-18T08:00:00.000-04:002010-05-18T08:00:00.582-04:00Brought to You By the Number<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqXa8a2rix3YTKenk0c7sjU6mcpcNJJWZhoggEgQARQ2QlKAf3Li5Lg7kLxAPFMDOTbkSSDX9uZcbgUO0e8hWZupfJfY4moKHPY5UETGM4ARPWqmnV-59pvQFOV2JeRGRWrJ2EIhYr2d8/s1600/eccentric_9.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqXa8a2rix3YTKenk0c7sjU6mcpcNJJWZhoggEgQARQ2QlKAf3Li5Lg7kLxAPFMDOTbkSSDX9uZcbgUO0e8hWZupfJfY4moKHPY5UETGM4ARPWqmnV-59pvQFOV2JeRGRWrJ2EIhYr2d8/s400/eccentric_9.gif" alt="" id="BLOGGER_PHOTO_ID_5472081229847864242" border="0" /></a>Brought to you by the number: 9<br /><span style="font-weight: bold;">Eccentric, Regular, number 9</span><br /><br />Generally speaking, I stay away from the typeface Eccentric. It is a caps-only typeface with a really high x height. It's the sort of typeface that is instantly recognizable; thus, making it more difficult to use as it's not just a blank canvas to be painted (designed) on. Eccentric has its own personality, which with a name like Eccentric is to be expected.<br /><br />But when I was looking for a number to do this post, Eccentric's number 9 immediately struck me. In my odd mind it reminds me of an abstract rendering of a cartoon whale with it's overly large, oblong bowl for the body and it's bracketed serif as the tail. Now, I don't think this hidden gem makes Eccentric a better typeface necessarily, especially since cartoon-like, and large and whale-like is not representative of the typeface. Not to mention, the 9's oversized bowl is actually in the opposite fashion of the rest of Eccentric that has incredibly high waisted x-heights. However, Eccentric's number 9 is a great enough shape that I'm glad Eccentric, in all it's quirkiness and personality, exists at all.<br /><br />Courtesy of myfonts.com, itcfonts.com:<br /><span style="font-weight: bold;">Design Foundry: </span>Unknown<br /><span style="font-weight: bold;">Designer:</span> Gustav F. Schroeder<br /><span style="font-weight: bold;">Date: </span>1881<br /><span style="font-weight: bold;">Classification:</span> Decorative, Art Nouveau<br /><br />"Eccentric is an all-capital, narrow-bodied, monoline display face that could be described as high waisted. With cross-bars and main junctures more than halfway up the letterforms, every letter - except the W - has a long-legged appearance. Eccentric has a wide range of display uses, from playbills to fashion advertisements."<br /><span style="font-weight: bold;">Awesome find on Eccentric: </span>There was a typophile.com blog thread about what typefaces would best suit historical figures, and someone said that Charlie Chaplin was totally Eccentric. And if you <a href="http://typophile.com/node/56258">click here,</a> you'll see CC's name in Eccentric as well as a CC poster that really matches well with Eccentric. It's very cool to see such a strong personality (Eccentric) pair up with something else -- I suppose only an equally strong personality would suffice.h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-65405939947566409042010-04-27T08:00:00.002-04:002010-04-27T20:40:40.895-04:00Brought to you by the letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfXJ1UWk1SVoEMd5-BDEFhqNaB4eNP7INBWkStQCoV7ro15mqst8HuyxI3UQJbjU_0KEmbDL7H-KJCizfR2jPp_rK7QfYjRQXsSBkY6wBQRQ2kp8vOCZjuLtObLAW5LICLroWomLzHFBw/s1600/drescher-grotesk_a.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfXJ1UWk1SVoEMd5-BDEFhqNaB4eNP7INBWkStQCoV7ro15mqst8HuyxI3UQJbjU_0KEmbDL7H-KJCizfR2jPp_rK7QfYjRQXsSBkY6wBQRQ2kp8vOCZjuLtObLAW5LICLroWomLzHFBw/s400/drescher-grotesk_a.gif" alt="" id="BLOGGER_PHOTO_ID_5464301602015792978" border="0" /></a><br />Today's letter is brought to you by the letter: A.<br /><span style="font-weight: bold;font-family:georgia;" >Drescher Grotesk BT, lowercase A, light.</span><br /><span style="font-family:Verdana,Arial,Helvetica,Geneva,clean,Swiss,SunSans-Regular;"><br /><span style="font-family:georgia;">I'm using Drescher Grotesk BT as my personal branding typeface. And when looking through a bunch of type families, the little, lowercase 'a' was one of the letters in Drescher Grotesk BT that really stood out to me. I liked that it didn't have a head (the line that sometimes appears over a lowercase 'a'), I thought that made it feel a little more modern. I was worried that the bowl was overly large, like the quite distinct lowercase 'a' of Futura. I can see Futura's 'a' coming from a mile away. But really, when put into context, Drescher Grotesk's 'a' is appropriately rounded. It wasn't until I blew it up to 350pt for this post that I saw it wasn't perfectly rounded at all!</span><br /><br /><span style="font-family:georgia;">In fact, this 'a' looks quite like a closed off Omega symbol. Where the bowl meets the stem is quite angular and feels very Russian constructionist. I really enjoy this because it feels as though Drescher Grotesk's lowercase 'a' is both the beginning and the end.</span><br /><br /><span style="font-family:georgia;">Courtesy of </span><a style="font-family: georgia;" href="http://identifont.com/" target="_blank">identifont.com</a><span style="font-family:georgia;">, </span><a style="font-family: georgia;" href="http://wikipedia.com/" target="_blank">wikipedia.com</a><br /><br /></span><span style="font-weight: bold;">Design Foundry:</span> VEB Typoart (original), Bitstream (digital)<br /><span style="font-weight: bold;">Designer: </span>Arno Drescher, Nicolai Gogoli<br /><span style="font-weight: bold;">Date:</span><span> </span>1930, 1999-2001<br /><span style="font-weight: bold;">Classification: </span>Geometric Sans-Serif<br /><br />Nicolai Gogoli revived Drescher's popular typeface Super Grotesk (?) in 1999 (?) as Drescher's Grotesk and received the Kurt Christians Award. (I can find no information about this KC Award online, other than that Gogoli won it in 1999. Anyone ever heard of it / know what it is?) Drescher Grotesk has seven weights (but no italics) including a small size with wider kerning/leading. It also has the right angle brackets that aren't square brackets: [ ] (and they're still different from these smaller <> angle brackets.)<br /><br /><span face="georgia">Drescher's original typeface, Super Grotesk (?) had immense popularity in East Germany (where it was designed) as a replacement for Futura. (No wonder the big bowled 'a's are so similar!). My history is rough at best (please feel free to set me straight): VEB Typoart was the only type foundry in East Germany (under Soviet control). It was state-owned and opened in 1948 in Dresden, three years after the controversial Dresden bombings by the U.S and England. Typoart's mission was "to create typefaces for Eastern Germany and other Eastern Bloc countries. It was frequently ordered to plagiarize</span><span style="color: rgb(0, 0, 0);font-family:georgia;" > Western typefaces that Zentrag could not afford to license."</span>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com2tag:blogger.com,1999:blog-3442891978517158457.post-33311385285308315232010-04-13T08:00:00.002-04:002010-04-13T23:29:57.864-04:00Brought to You be the Letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyQs1ev0bNFGdjATCkxJhJqgCX9Gtu2gTE-m2bB1RTWYjNkt7cInP7l1hhqzbM1JWLGBiGAVX7PmHuvHqLI5BEz1eq-Y-xPyzNC94Q-oUTYQmcJ-KN7IBncmAAVVgcmagXa69mzCVfjho/s1600/Neuropol_Z.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyQs1ev0bNFGdjATCkxJhJqgCX9Gtu2gTE-m2bB1RTWYjNkt7cInP7l1hhqzbM1JWLGBiGAVX7PmHuvHqLI5BEz1eq-Y-xPyzNC94Q-oUTYQmcJ-KN7IBncmAAVVgcmagXa69mzCVfjho/s400/Neuropol_Z.gif" alt="" id="BLOGGER_PHOTO_ID_5459084558856680002" border="0" /></a>Today's letter is brought to you by the letter: Z.<br /><span style="font-weight: bold;">Neuropol, uppercase Z, regular.</span><br /><br />Before you go telling me that that's not a 'Z' and is rather some messed up angle bracket, let me assure you, it is in fact the letter Z. It is Neuropol's uppercase, regular Z. It's the missing piece of this 'Z' that makes it so interesting. I connect this style with many things - the future, science fiction, aliens, complex/simple dualities. I feel this is the way movies make alien languages/type look. It's familiar to us, yet foreign at the same time. The slightly rounded ends make it feel friendlier / more human, making it not just a typeface for aliens, but also perfect for messages of a futuristic utopia.<br /><br />Interestingly enough, linotype.com is not found of this open Z, because on it's Neuropol X page (which is an updated version of Neuropol) it states: "If you’re familiar with the old Neuropol, <span style="font-weight: bold;">you will appreciate the improvements made to Neuropol X:</span> a refined finish, lighter lowercase stems, improved spacing, <span style="font-weight: bold;">and a closed roof Z.</span> [emphasis mine]" Ha. I suppose I'm in the minority for my fondness for this particular Z, but luckily not in liking Neuropol typeface as a whole, as it has undergone many variations and additions.<br /><br />Courtesy of indentifont.com, larabiefonts.com, myfonts.com<br /><br /><span style="font-weight: bold;">Design Foundry:</span> Larabie Fonts<br /><span style="font-weight: bold;">Designer: </span>Ray Larabie<br /><span style="font-weight: bold;">Date:</span><span> </span>1997<br /><span style="font-weight: bold;">Classification: </span>Futuristic Decorative - Geometric Sans Serif Hybrid (or just a Decorative) font.<br /><br />(Also known as Neuropol Deluxe, but anything else is just a variation of the original. Also, many of Larabie's fonts are free and available for commercial use, which is pretty great. When I say many, I mean hundreds, so definitely check that out.<br /><br />"The design bridges a stylistic gap between the geometric sans serif fonts of the late 20th century and superelliptical futuristic fonts." - Linotype.com<br /><br />Neuropol was an instant hit being widely used to promote music, clothing, electronics and techno-toys for the younger generation. I wonder if maybe I like this typeface because I was being subliminally hit with it in the late 90s? Ha. I'm also saddened I couldn't find specific examples of what this typeface was used for - if you see it let me know!<br /><br />If I haven't completely convinced you of the greatness of Neuropol yet, check out the smiley face character... err, I mean the umlaut character.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgluZB8LnvhU9Bb1wmgTpVwsGLhgfuktZ8koNCK8UzZ5QOtfE-KV662Jqqnlm7wPl_5eOuu4OlVtJAttN3FOxCenJVrf4xOG6YHW9vdyujcJjHNtcMP6kQ3KFgkhV0lgcuyam1VX11htjI/s1600/Neuropol_umlaut-u.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgluZB8LnvhU9Bb1wmgTpVwsGLhgfuktZ8koNCK8UzZ5QOtfE-KV662Jqqnlm7wPl_5eOuu4OlVtJAttN3FOxCenJVrf4xOG6YHW9vdyujcJjHNtcMP6kQ3KFgkhV0lgcuyam1VX11htjI/s320/Neuropol_umlaut-u.gif" alt="" id="BLOGGER_PHOTO_ID_5459084639820214370" border="0" /></a>Oh an old poster I did using Neuropol. Hot. Ha.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxNnv94Nad7fa2KSj4AjZVzIPj-qajGB5ZjdzN0IgOjmVZ6DoYLFOwFLaj04gxu0dVHhFzWBptOKK1ofe-oFp36T63J6X018lIunXeCNM6IRhJ0EcbuYcxNyhADUczw4YP8EqgYd8zCGQ/s1600/3081.final.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 194px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxNnv94Nad7fa2KSj4AjZVzIPj-qajGB5ZjdzN0IgOjmVZ6DoYLFOwFLaj04gxu0dVHhFzWBptOKK1ofe-oFp36T63J6X018lIunXeCNM6IRhJ0EcbuYcxNyhADUczw4YP8EqgYd8zCGQ/s320/3081.final.jpg" alt="" id="BLOGGER_PHOTO_ID_5459084972498855394" border="0" /></a>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-17089049617196687962010-04-06T13:03:00.003-04:002010-04-06T13:44:24.222-04:00Brought to You by the Letter....<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2O3fstNfYGmOaX5e80mToXemiS8tDpLJjbuFyaCCjMxlTlWN4Xf8FDT0zghl-BkRA7cSKZ9E2P-Jg281RWdBxnXRIoEcxLRfh_KPOSl9iPGt5v4ORRhK6JhzaZp273HeTUKK2sev_NyE/s1600/twcent_A.gif"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2O3fstNfYGmOaX5e80mToXemiS8tDpLJjbuFyaCCjMxlTlWN4Xf8FDT0zghl-BkRA7cSKZ9E2P-Jg281RWdBxnXRIoEcxLRfh_KPOSl9iPGt5v4ORRhK6JhzaZp273HeTUKK2sev_NyE/s400/twcent_A.gif" alt="" id="BLOGGER_PHOTO_ID_5457077530309891842" border="0" /></a>Today's letter is brought to you by the letter: A.<br /><span style="font-weight: bold;">Twentieth Century, uppercase A, regular.</span><br /><br />I definitely really like the way Twentieth Century's uppercase A looks. It's got two strong legs to stand on, where the cross bar is positioned creates a good ratio of white space. But I was worried that it was a little boring. It's a geometric sans-serif, and for the most part, it looks like any other geometric sans-serif. But when I got digging, I found some neat information. (Keep reading)<br /><br />Courtesy of wikipedia.com and briarpress.org<br /><br /><span style="font-weight: bold;">Design Foundry:</span> Monotype<br /><span style="font-weight: bold;">Designer: </span>Sol Hess<br /><span style="font-weight: bold;">Date:</span><span> </span>1937-1947<br /><span style="font-weight: bold;">Classification: </span>Geometric Sans-Serif<br /><br />Okay, apparently, another geometric sans-serif, Futura made an appearance in the mid 1920s for the Bauer foundry before Twentieth Century (1937-47). Tw Cent is just Monotype's version of a geometric sans-serif. There are others to: Metro, Kabel, Spartan, Vogue etc from different foundries. The differences among them are slim. They're just the licensed version for each foundry. Futura and Tw Cent are essentially the Coke and Pepsi of the type world.<br /><br />Geometric sans-serifs (GSS) were resurrected in the latter half of the twentieth century with type families like ITC Avant Garde, Century Gothic and Avenir. These new GSSs had less stroke variation (notice how the cross bar is slimmer than the legs in Tw Cent) and higher 'x' heights. The increased 'x' heights made them perfect for children's books. This makes perfect sense, because I can't help but look at that Tw Cent 'A' and think ABCs, even though it's such a cold and unfriendly looking A.h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com4tag:blogger.com,1999:blog-3442891978517158457.post-20255227879662867352010-03-30T08:00:00.001-04:002010-03-30T08:00:12.574-04:00Brought to you by the letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIwkD-vJIz99DI3znkGYSj4ssJa0vQ5dRvYOVHPDq-GqdlggXtqkkEP0rcbgOsUwrvm8J1xc4qMiCwJ2LOx0I3UOLoKLNd2_E5_ahmH0p_nWSaW0AGJt9Zep5Vb3BeeKcPCO3s7KcyDkE/s1600/Alfredo_i.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIwkD-vJIz99DI3znkGYSj4ssJa0vQ5dRvYOVHPDq-GqdlggXtqkkEP0rcbgOsUwrvm8J1xc4qMiCwJ2LOx0I3UOLoKLNd2_E5_ahmH0p_nWSaW0AGJt9Zep5Vb3BeeKcPCO3s7KcyDkE/s400/Alfredo_i.gif" alt="" id="BLOGGER_PHOTO_ID_5454269193546747410" border="0" /></a><br />Today's letter is brought to you by the letter: i.<br /><span style="font-weight: bold;">Alfredo, Regular, lowercase i.</span><br /><br />The lowercase 'i' is only important because of it's tittle. Hehehe, she said tittle. The tittle is the dot of the 'i'. And it is what keeps the lower case 'i' from falling into obscurity with the lowercase 'l' and amputated capital 'I'. And the fact that it conforms to the x-height (mean line) rather than the cap-line, also differentiates it from the 'l' and 'I'.<br /><br />What's great about Alfredo Regular's lowercase 'i' is its stature. It leans away on its hind legs, shoulders back, almost ready to topple over, but really it's ganing momentum, ready to spring forward and throw it's tittle at you. I'm 50-50 on whether the stem gets too thin towards the top. This high thick/thin contrast is reminiscent of a modern typeface. I wonder if it's because 400px wasn't the display size the creator was working for.<br /><br />In addition, I'm not crazy about Alfredo as a typeface as a whole. It's very 60s, groovy, curvy, decorative, but I think the 'i' manages to capture that attitude without being in your face about it. This is one case where the simplicity of the 'i' works in its favor.<br /><br /><span style="font-weight: bold;">Design Foundry:</span> Unknown<br /><span style="font-weight: bold;">Designer: </span>Unknown<br /><span style="font-weight: bold;">Date: </span>Unknown<br /><span style="font-weight: bold;">Classification: </span>Decorative (?)<br /><br />Hmm... Alfredo is not getting any hits on the Google radar. If anyone can shed light on this typeface, please do! Many variations of the name Alfredo, but no similar characteristics, very different families. I did however find an actor named Alfredo Font, which is kind of great.h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-61253815485010006102010-03-23T08:00:00.002-04:002010-03-23T08:00:08.223-04:00Brought to you by the letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9uDruyjjbUgQ7ab77e7J00BdXfAPAbvL2DAMEIoImo_ryI64SFuXqH3C2zp-oog_Amzi4-2dr6xDHJLhB3tvKUUmEvq0dKOtxXaYXAkvftFcyAwAEYpAu1g5M3TeCRMZcuLteUVO-TbU/s1600-h/Zzzap_!.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9uDruyjjbUgQ7ab77e7J00BdXfAPAbvL2DAMEIoImo_ryI64SFuXqH3C2zp-oog_Amzi4-2dr6xDHJLhB3tvKUUmEvq0dKOtxXaYXAkvftFcyAwAEYpAu1g5M3TeCRMZcuLteUVO-TbU/s400/Zzzap_!.png" alt="" id="BLOGGER_PHOTO_ID_5451669052557692514" border="0" /></a>Today's letter is brought to you by the letter: !<br /><span style="font-weight: bold;">Zzzap OT, regular, !<br /><br /></span>Okay, I know the ! is a punctuation mark, not a letter. And no, I never had any intention of doing anything but letters and numbers. But sometimes, you've got to live life on the fly and go where it takes you. Ha. Anyway. A friend recently referred to me a the type girl (which lighted me up inside! Yay!) and he asked what I would typeface I would recommend for a tattoo. He wants to have Don't Panic! written on his arm, a motto taken from The Hitchhiker's Guide to the Galaxy, and pretty sound life advice in general. I sent him over a list, which included some standard sexy sans serifs like Tungsten and Frutiger. But in the back of my head I kept thinking about Zzzap. A font I've recently become associated with thanks to <a href="http://ilovetypography.com/">I Love Typography</a>'s nifty <a href="http://fontgameapp.com/">Font Game</a> iPhone app. <span style="font-weight: bold;"><br /></span><br />Zzzap looks just the way it's named, like a bolt of electricity went coursing through the edges of the forms. I think it makes for a more interesting and playful tattoo. Although, it probably wouldn't be a very calming typeface to reflect the message of don't panic. If anything, it'd probably keep you panicked and jostled with it's sharp edges and bold forms. I chose the exclamation point for today's letter (mark) because it that mark sums up Zzzap's electricity. The font might as well have been called Zap! or !!!. I also think the ! shape is particularly interesting the way it resembles an retro-style lightening bolt (again with the electricity theme.)<span style="font-weight: bold;"><br /><br /></span>(On a sidenote, I really think my advice to use his own handwriting or that of his mom--or someone close to him--was pretty spot on. What do you think?)<span style="font-weight: bold;"><br /><br /></span><span style="font-weight: bold;"><br /></span>Courtesy of fontshop.com<br /><p><span style="font-size:100%;"><b>Design Foundry: </b></span>Comicraft<span style="font-size:100%;"><b><br />Designer: </b></span>John Roshell, Richard Starkings<br /><span style="font-size:100%;"><b>Date:</b> 2006</span><br /><span style="font-size:100%;"><b>Classification: </b></span><span class="mw-redirect">Decorative</span><br /></p>Not much info on Zzzap, but the skinny on Comicraft (started by Roshell and Starkings) is that they're one of the first companies with a specialty in digitizing comic book lettering. "The Comicraft studio’s clients include Dark Horse Comics, DC Comics, Marvel Comics, Image Comics, Mad Magazine, Nickelodeon, Graphitti Designs, View Askew, Scholastic, Todd Mcfarlane Productions and NBC."h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-78292611057538675412010-03-21T18:37:00.008-04:002010-03-21T19:13:24.727-04:00Personal Branding - Part IIII know it's common for "part III" to suck. (Read: The Godfather Part III, Back to the Future Part III (?) and surely, there are others.) I'm hoping that my part III does not suck. In fact, I am so bold, as to hope that it's an improvement, a showing of progress. Would leave to hear what you have to say about them. All feedback welcome! Thanks again!<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_gO-P8T6OuHWs7eRddaBOZBJG8dvmKGamXU13GFAjqpWeCEAt3ngOIC6qkSjzCtgAc6HX8_6riX-h7P0NTuv35VIAP1n8UWedeOKSaqlLnw3OwYfLediDntE8WWRgBOcw_XdeJJ9Cp8/s1600-h/logo3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_gO-P8T6OuHWs7eRddaBOZBJG8dvmKGamXU13GFAjqpWeCEAt3ngOIC6qkSjzCtgAc6HX8_6riX-h7P0NTuv35VIAP1n8UWedeOKSaqlLnw3OwYfLediDntE8WWRgBOcw_XdeJJ9Cp8/s400/logo3.jpg" alt="" id="BLOGGER_PHOTO_ID_5451220745982726674" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkhsjy756a61D3x2gD_ZwKPnHrNjmci0759kzvXv1sq_o1p4C2oo-kxAwwSfEXKgvzGcUAqXA5kTyQLLNwJEChWRQY7vGuAGDCw8yxP0PDRuKvQlxcOg2DWy5UZDe3oof4sUltqLc-diM/s1600-h/logo4.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkhsjy756a61D3x2gD_ZwKPnHrNjmci0759kzvXv1sq_o1p4C2oo-kxAwwSfEXKgvzGcUAqXA5kTyQLLNwJEChWRQY7vGuAGDCw8yxP0PDRuKvQlxcOg2DWy5UZDe3oof4sUltqLc-diM/s400/logo4.jpg" alt="" id="BLOGGER_PHOTO_ID_5451220873404602642" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjblzOKE_YpryoLf9yGtP8l6Mw_UGqMH78wwT2qfX5XN-KRoVZ-MricLR2sNMsznQUrTorRbtpSZ160NnTtpOQTm5sDFyLN2cclGgHthCAOtr0QfCvB5wxTTo_PxwrYg_DLBDspoAHpv30/s1600-h/logo2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjblzOKE_YpryoLf9yGtP8l6Mw_UGqMH78wwT2qfX5XN-KRoVZ-MricLR2sNMsznQUrTorRbtpSZ160NnTtpOQTm5sDFyLN2cclGgHthCAOtr0QfCvB5wxTTo_PxwrYg_DLBDspoAHpv30/s400/logo2.jpg" alt="" id="BLOGGER_PHOTO_ID_5451220665691213378" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdo27DXug34KpFp6Odv20wJGyrWMVmsE8X5-SIfdQJrF0ZKVEddMIEjM6-zZHc2x56_PmGpFLykZkzgygACck55Xe15FXh6kicL73IS9MV_J4fKOEpDMQBmeLaOQYM02l09O9rNew4F0/s1600-h/logo1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdo27DXug34KpFp6Odv20wJGyrWMVmsE8X5-SIfdQJrF0ZKVEddMIEjM6-zZHc2x56_PmGpFLykZkzgygACck55Xe15FXh6kicL73IS9MV_J4fKOEpDMQBmeLaOQYM02l09O9rNew4F0/s400/logo1.jpg" alt="" id="BLOGGER_PHOTO_ID_5451220596925387682" border="0" /></a><br />Currently, I'm leaning towards 1 or 3. Still working out the colors. (Note: the reds are supposed to be red, not pink.) <span>Oh last minute edition -- too cheesy or okay?<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaI9VnJ5Idc4qhG4-D8SyHGwMtl5dsgVxgXz1oHwEVDADciJuhR8JMXYrPLjlfjIUjkQ3TEjV2vuFJMKICdk-DxugcMTyYw0ZVGvVWv9jOQ2JQMVRadLJ6zw2-KihT01xfhBc6-iU6QmQ/s1600-h/logo5.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaI9VnJ5Idc4qhG4-D8SyHGwMtl5dsgVxgXz1oHwEVDADciJuhR8JMXYrPLjlfjIUjkQ3TEjV2vuFJMKICdk-DxugcMTyYw0ZVGvVWv9jOQ2JQMVRadLJ6zw2-KihT01xfhBc6-iU6QmQ/s400/logo5.jpg" alt="" id="BLOGGER_PHOTO_ID_5451229028051227378" border="0" /></a><span><br /></span><span style="font-weight: bold;"><br />Let me know what you think!</span>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com3tag:blogger.com,1999:blog-3442891978517158457.post-66052534630519576822010-03-16T08:00:00.006-04:002010-04-11T23:02:44.808-04:00Brought to you by the letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-bMEBwlleT1t20ILejh2l9LvasVzGIawHfqGIh0hqTfhUrFc2TVFsLcsFhCURCKx2B0g_NB97xXbSakOvhmTpMZ-Ou12L3Mm7No84KMQ_-P60xQRqPEfSmSYk3wKVGIHb32ywsaswBCw/s1600-h/CooperBlack_Q.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 360px; height: 360px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-bMEBwlleT1t20ILejh2l9LvasVzGIawHfqGIh0hqTfhUrFc2TVFsLcsFhCURCKx2B0g_NB97xXbSakOvhmTpMZ-Ou12L3Mm7No84KMQ_-P60xQRqPEfSmSYk3wKVGIHb32ywsaswBCw/s400/CooperBlack_Q.gif" alt="" id="BLOGGER_PHOTO_ID_5449045304620704626" border="0" /></a>Today's letter is brought to you by the letter: Q<br /><span style="font-weight: bold;">Cooper Black, uppercase, Q<br /><br /></span><span>Cooper Black may just be the cutest type face there is. It's bold and dark, but so curvy and soft. What's great about the Cooper Black uppercase Q is how, when taken out of context, it's such an interesting shape on its own. It looks like a little baby squid or something. It's stem (?) looks like a wave or some squishy tail. The angle of the bowl and the stem give the shape movement. Although it's dark and bold it's not static. Can't you just imagine a hundred of them floating against a blue background?<br /><br />The only drawback to being so cute, in my opinion, is being used incorrectly. Cooper Black can easily feel bubbly and childish, too much so to be any good on posters or company collateral or anything. But when I started researching Cooper Black and saw that it was used on the Tootsie Roll packaging and for Garfield books, it clicked. An unusual use of Cooper Black was for Pet Sounds album cover by The Beach Boys. This is one example that shows Cooper Black's versatility. The type face on the cover looks friendly but not cute.<br /></span><span style="font-weight: bold;"><br /></span>Courtesy of wikipedia.com:<br /><p><span style="font-size:100%;"><b>Design Foundry: </b></span>Barnhart Brothers & Spindler<span style="font-size:100%;"><b><br />Designer: </b></span>Oswald Bruce Cooper<br /><span style="font-size:100%;"><b>Date:</b> 1921 </span><br /><span style="font-size:100%;"><b>Classification: </b></span><span class="mw-redirect">old style serif</span> typeface</p><i>"Old style</i> or <i>humanist</i> typefaces date back to 1465, and are characterized by a diagonal stress (the thinnest parts of letters are at an angle rather than at the top and bottom), subtle differences between thick and thin lines (low line contrast), and excellent readability. Old style typefaces are reminiscent of the <a href="http://en.wikipedia.org/wiki/Sans-serif#Classification" title="Sans-serif">humanist</a> calligraphy from which their forms were derived."<br /><br /><br />Courtesy of Linotype.com:<br />"The flowing outer contours create forms that are both strong and soft, making Cooper Black an extremely flexible font."h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com2tag:blogger.com,1999:blog-3442891978517158457.post-19154807819591928952010-03-15T21:40:00.004-04:002010-03-15T21:46:25.204-04:00New Poster! Gouker's Senior RecitalHey all, I recently finished my friend Danny Gouker's poster and invitations for his senior recital. Whoo. Check out the poster below.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ9PdBbu-FfhxZbMxFnBCSXJ3cIpaueGHfCsL9qaJiXDF2YSsxPELPYRJ3-gY4v-gOWFWRsOewW9PjWURdFZGrH4KnkX2clxVqHfpQi0RQsnoc_SfZW6NJU_QWuta1mV_DBu8kK4HKSSo/s1600-h/Gouker_Recital_11x17_final.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 259px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ9PdBbu-FfhxZbMxFnBCSXJ3cIpaueGHfCsL9qaJiXDF2YSsxPELPYRJ3-gY4v-gOWFWRsOewW9PjWURdFZGrH4KnkX2clxVqHfpQi0RQsnoc_SfZW6NJU_QWuta1mV_DBu8kK4HKSSo/s400/Gouker_Recital_11x17_final.jpg" alt="" id="BLOGGER_PHOTO_ID_5449040960056643186" border="0" /></a>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-11100812469019843892010-03-09T08:00:00.000-05:002010-03-09T08:00:11.693-05:00Brought to you by the number...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPdwdnFRl_CcV1R-cBQRd7_dPmZms4eYXgtZf6NHzJgdnQ6Vk8sxmfz8exaPpokjD3VWKstBsMoB00MJNfUFDpjbSH8VksvNcetrnN5Kav116b16wVHz7Iu9ppAD7cEXRsTSp5Pqd4VM/s1600-h/CourierNew_2.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 360px; height: 360px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPdwdnFRl_CcV1R-cBQRd7_dPmZms4eYXgtZf6NHzJgdnQ6Vk8sxmfz8exaPpokjD3VWKstBsMoB00MJNfUFDpjbSH8VksvNcetrnN5Kav116b16wVHz7Iu9ppAD7cEXRsTSp5Pqd4VM/s400/CourierNew_2.gif" alt="" id="BLOGGER_PHOTO_ID_5445735344630194082" border="0" /></a>Today's number is brought to you by the number: 2<br /><span style="font-weight: bold;">Courier New, regular, 2.<br /></span><br />Courier New's 2 is cute. Not over the top, trying too hard cute, but just sort of like 4-year-old kid smile cute. I like the slenderness of the shape and slabs. It's interesting how the two end points are rounded yet the bottom left angle was kept flat. It provides a solid foundation for the curve on top. The bottom bar with that tiny tail almost looks like an upside down 7. The flat edge and tail help keep uniformity among all the numbers.<br /><br />If you don't think a number can be cute, or that that a small detail like a flat edge helps type uniformity, well check out Courier New's 6 and 9 below. Definitely not cute. And something about them doesn't feel quite right with the rest of the type face, especially where the line connects back into the shape nor the size of their bowls.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0EA5Sgrz2KKUZVfmJ2yoGfhvL-fQ0XddXCFCM2-nuuUq28cngrn6wKXa1TSYMDwlrejEq636yCMCED6L5lxYJYJ4SDxznUA7lXPDUhyphenhyphendhMNymIro7xmwfeaswkBEnsH0Xl0NwHzX2js/s1600-h/Courier_69.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0EA5Sgrz2KKUZVfmJ2yoGfhvL-fQ0XddXCFCM2-nuuUq28cngrn6wKXa1TSYMDwlrejEq636yCMCED6L5lxYJYJ4SDxznUA7lXPDUhyphenhyphendhMNymIro7xmwfeaswkBEnsH0Xl0NwHzX2js/s400/Courier_69.gif" alt="" id="BLOGGER_PHOTO_ID_5445748397556101778" border="0" /></a>Courtesy of wikipedia.com, fontco.com and absoluteastronomy.com:<br /><p><span style="font-size:100%;"><b>Design Foundry: </b>Monotype (?)<b><br />Designer: </b></span> (?)<br /><span style="font-size:100%;"><b>Date:</b> 1992</span><br /><span style="font-size:100%;"><b>Classification: </b>Monospaced Slab Serif</span></p><p>Courier was originally a monospace slab serif designed by Howard Kettler in 1955 for IBM's typewriters. Originally the typeface was to be called <span style="font-style: italic;">Messenger</span> but Kettler thought, "A letter can be just an ordinary messenger, or it can be the courier, which radiates dignity, prestige, and stability." Courier New was introduced with the release of Windows 3.1 in 1992. I believe but can't find information to confirm, that the primary difference from Courier is that Courier New is anti-aliased. It's shape doesn't have sharp pixel edges, and smooth (see image below.)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyrgyattUcRO9jKsb3YJMp5T_dmsanHzbX3S5lU6b_Wzu9xrS2spR15AeReauij7WgvGxoMA047tse8Mho4EgGT9ooPP0icKH7PXOUUscnxoGf0EYjMBTJo2pE0HToQfXJZdSoNTipOEU/s1600-h/Courier_comparison.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 192px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyrgyattUcRO9jKsb3YJMp5T_dmsanHzbX3S5lU6b_Wzu9xrS2spR15AeReauij7WgvGxoMA047tse8Mho4EgGT9ooPP0icKH7PXOUUscnxoGf0EYjMBTJo2pE0HToQfXJZdSoNTipOEU/s400/Courier_comparison.gif" alt="" id="BLOGGER_PHOTO_ID_5445751287208848754" border="0" /></a></p><p>Due to it's monospacing and high contrast, Courier New is often used for web coding and ASCII art. It is usually the recommended typeface for screenplays. And it was used as the U.S. State Department's typeface up until 2004 (when it was replaced by Times New Roman.) Courier New has been updated to version 5.00; which includes over 3100 glyphs, covering over 2700 characters per font.</p>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-8538782131002972472010-03-05T20:08:00.000-05:002010-03-05T20:08:00.362-05:00PhotographsJust for the record, I haven't meant to make this blog solely about "Brought to you by the letter...." I'm working on a lot of portfolio pieces, so expect more posts of me begging for critiques. I've also started taking more photos--which I guess should be published on this blog... but they're not, they're being published at my personal blog, <a href="http://talkingwithmyself.wordpress.com">Talking With Myself</a>. I think just because I like the layout over there better. :) One day everything will merge together and their will be peace on earth. Until then, feel free to check out <a href="http://talkingwithmyself.wordpress.com">Talking With Myself</a>.<br /><br />Yours,<br />Heatherh. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-18723068069408483122010-03-02T08:00:00.002-05:002010-03-02T08:00:11.987-05:00Brought to You by the Letter...<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXQwUuFCVlR5drQdOQXN_tqC9lKHOFKdhzcf3WJumLqsIpbr3_Aus904JAAbULmlCB9vcKkyFlmQ8_FJwtJ_uSs0VT3nDQiU9BDg7nz5eLOIEAOAv3nUMpnQiHXjq1oD1BVKcMuwE14Io/s1600-h/BlackadderITC_f.gif"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 360px; height: 360px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXQwUuFCVlR5drQdOQXN_tqC9lKHOFKdhzcf3WJumLqsIpbr3_Aus904JAAbULmlCB9vcKkyFlmQ8_FJwtJ_uSs0VT3nDQiU9BDg7nz5eLOIEAOAv3nUMpnQiHXjq1oD1BVKcMuwE14Io/s400/BlackadderITC_f.gif" alt="" id="BLOGGER_PHOTO_ID_5443790026710274978" border="0" /></a><br /><span class="Apple-style-span" style="line-height: 20px;font-size:13px;" ><span style="font-size:100%;">Today's letter is brought to you by the letter: F.</span></span><br /><span class="Apple-style-span" style="line-height: 20px;font-size:13px;" ><b><span style="font-size:100%;">ITC Blackadder, Regular, lowercase f.<br /></span></b><span style="font-size:100%;"><br />I haven't done a decorative type face in this series yet, but as soon as I saw ITC's Blackadder, I knew that was about to change. What I really love about ITC Blackadder's regular, lowercase 'f' is how evocative it is. With the flowing, long stem and rough edges, it's the perfect typeface to use when writing that message in a bottle. It's an heirloom, a relic of a time when people wrote by hand, sailed ships to new lands, and said words like wench and booty and Jolly Roger without pretension or irony. Something about the actual shape makes me think nautical. Is it the way the stem leans forward, like a boat that forges ahead? Is it the descended extender that imitates a hook? Or the ascender that evokes a hook for a hand? Or the whole shape that was <span style="font-style: italic;">clearly </span>created with a new quill pen and the finest Indian inks over choppy waters?<br /><br />I think ITC Blackadder does exactly what type should do--evoke a time, a meaning, a place. Sure, it'll more often be used poorly than well, but occasionally (Pirate Day?) it could be used perfectly. I found this example of a <a href="http://www.itcfonts.com/Fonts/TypeGallery/_Blackadder.htm">wedding invitation</a> using ITC Blackadder. While the typeface does have a romantic edge to it, I think it feel romantic in a lonely, ennui way, not quite the best subconscious feeling for a wedding. What do you think?<br /><br />Courtesy of fonts.com and myfonts.com<br /></span></span><p><span style="font-size: 100%;"><b>Design Foundry: </b>ITC International Typeface Corp<b><span style="font-weight: bold;"><br />Publisher: </span></b>Linotype<b><span style="font-weight: bold;"></span><br />Designer: </b>Bob Anderton</span><br /><span style="font-size: 100%;"><b>Date: </b>1996<b><br />Classification: </b>Decorative</span></p><p>"It was the eerie transformation of insurrectionist Guy Fawkes’ signature after he was tortured that inspired British designer Bob Anderton’s new typeface ITC Blackadder. Basing his design on hand written letterforms typical of the 16th century, Anderton captured the flurried scrolls and curlicues of the era and then added the sinister tremble that defines ITC Blackadder. This elegant, yet menacing display face is perfect for theatrical uses and scare tactics." - <a href="http://www.fonts.com/FindFonts/detail.htm?pid=204105">Fonts.com</a></p>h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com0tag:blogger.com,1999:blog-3442891978517158457.post-1840992221391846572010-03-01T23:12:00.010-05:002010-03-01T23:23:53.409-05:00Personal Branding - #2Here are some things I've been working on. Feedback would be much appreciated.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUZhbOmTgTskq86KhiNtsYHk4qVem5F3NHOFCoDIm9IzKrzQfobUfOB2Zf1-GB4L1u3tIvoPgpYEKtiLKlnSvvGjf8NB_sXuY6Fc31NxfVhbY1jDPXP_cX-j0EFWFufR-sU-Ov6tzneEY/s1600-h/2010--02-05_logo_2A.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 348px; height: 325px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUZhbOmTgTskq86KhiNtsYHk4qVem5F3NHOFCoDIm9IzKrzQfobUfOB2Zf1-GB4L1u3tIvoPgpYEKtiLKlnSvvGjf8NB_sXuY6Fc31NxfVhbY1jDPXP_cX-j0EFWFufR-sU-Ov6tzneEY/s400/2010--02-05_logo_2A.jpg" alt="" id="BLOGGER_PHOTO_ID_5443884673305590594" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQPuKv9t2YNggEqBB6oXEkR_A6tgLMPNp2aNnUr7IcbFushp8H30pgdNB8z3ZLAwlew1Mz8X8fCFmG8k-lP8Xea2CLNwBnH-8k3IgLuk_7M-K96hTgtGyZzxnSGjjLheBeygchfoZmV8/s1600-h/2010--02-05_logo_2B.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 348px; height: 325px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQPuKv9t2YNggEqBB6oXEkR_A6tgLMPNp2aNnUr7IcbFushp8H30pgdNB8z3ZLAwlew1Mz8X8fCFmG8k-lP8Xea2CLNwBnH-8k3IgLuk_7M-K96hTgtGyZzxnSGjjLheBeygchfoZmV8/s400/2010--02-05_logo_2B.jpg" alt="" id="BLOGGER_PHOTO_ID_5443884757547171522" border="0" /></a><br />The variations between these two are slight. Rather than being solid shapes, they're more dimensional in the second one. What I like about this look, is that I can use the shapes within the rest of the collateral to help create a cohesive look. For example, on the letterhead, I could have a row of little <span style="font-family:arial;">T T T T </span>running across the top. (I don't necesarily want people to read the shapes. It doesn't really spell anything - ucatucd?, which is why I brought them down in value. I just want people to see the shapes. But I wonder if you all <span style="font-style: italic;">tried</span> to read it? I got the shapes by removing the bottom half of the word HEATHER.)<br /><br />I also wonder if all lowercase is better than title care? When I broke the logos down into their small look, the <span style="font-family:arial;">U</span> with lowercase hv looked very bad. And it would probably be funny to mix the two, yes? And I'm still working out the color schemes. It's probably going to be some version of gray, or yellow or red.<br /><br />Another sort of twist on the same idea:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3fcpGYdc47bPU7LO_HSMbiB1xoCttL6NPmv1ErjZPuS6r5IMLUQ5Q97qk0cmxbLZKeLkAXS24wzUqkQe7c3ueNXVDnKe-TE858hkYdkA_rStXKp_-L8Nz_kfyw5xNcovOUwho3kNm6lc/s1600-h/2010--02-05_logo_2C.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 373px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3fcpGYdc47bPU7LO_HSMbiB1xoCttL6NPmv1ErjZPuS6r5IMLUQ5Q97qk0cmxbLZKeLkAXS24wzUqkQe7c3ueNXVDnKe-TE858hkYdkA_rStXKp_-L8Nz_kfyw5xNcovOUwho3kNm6lc/s400/2010--02-05_logo_2C.jpg" alt="" id="BLOGGER_PHOTO_ID_5443885881307313282" border="0" /></a>This design actually mixes this new dimensional shape with an idea I had earlier, which was to make HV look like a pencil/exacto knife. When I pursued this before, it came out veeeery clip art. See below.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWRNvE9uwNU1m2ad1-yRWxX6kcYZcFWyWzSUg0_RThltBv6G8PdDCZljODTLRBeLP3DlScih4MI8NL9iNotH0FRRZ7RWn-R6JYATfd8PnvrR3mX4TOkZ28koGjnuHOfc2xeSmLW2hxTPM/s1600-h/logo_old2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 316px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWRNvE9uwNU1m2ad1-yRWxX6kcYZcFWyWzSUg0_RThltBv6G8PdDCZljODTLRBeLP3DlScih4MI8NL9iNotH0FRRZ7RWn-R6JYATfd8PnvrR3mX4TOkZ28koGjnuHOfc2xeSmLW2hxTPM/s400/logo_old2.jpg" alt="" id="BLOGGER_PHOTO_ID_5443886218670022338" border="0" /></a><br />Below are two other previous branding attempts. The first I liked because it feels a bit more personable and less sterile. But it's a very tall logo which I was having issues with. The second one I liked at first, but then someone mentioned "jester" and I couldn't get that out of my head.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6SsD0uIR3shRBcigeNFE1T6X7U2B_90WXut7R3M9W-eOO8awB0LerEtMuUVgko1ZQUdqRRaOJPOYHRIs9hs9I1rh2SciW5Ks_AD2tzZK6zsqxYdresnMsZbb4s1I9l7svL2BrlRqmdw/s1600-h/logo_old1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 316px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6SsD0uIR3shRBcigeNFE1T6X7U2B_90WXut7R3M9W-eOO8awB0LerEtMuUVgko1ZQUdqRRaOJPOYHRIs9hs9I1rh2SciW5Ks_AD2tzZK6zsqxYdresnMsZbb4s1I9l7svL2BrlRqmdw/s400/logo_old1.jpg" alt="" id="BLOGGER_PHOTO_ID_5443886800300997282" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2U-rFt29nHkTd-GRS3FnGCXw72VIIug7cSfNA9-Gc6ZAz4Qjyn7NsULGAOo9twCMdxBHX8hKvev6Kb-U_YWph0q-7gsDt5cP0BS86pLZJtFu2pjTw2FnyYWJaZ4kEUpS9V3qXg1k7iWQ/s1600-h/logo_old3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 197px; height: 162px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2U-rFt29nHkTd-GRS3FnGCXw72VIIug7cSfNA9-Gc6ZAz4Qjyn7NsULGAOo9twCMdxBHX8hKvev6Kb-U_YWph0q-7gsDt5cP0BS86pLZJtFu2pjTw2FnyYWJaZ4kEUpS9V3qXg1k7iWQ/s400/logo_old3.jpg" alt="" id="BLOGGER_PHOTO_ID_5443887047536824690" border="0" /></a>I'd really appreciate any feedback, critiques and suggestions. I think doing your own branding is the hardest thing.h. van de markhttp://www.blogger.com/profile/12956108797021214604noreply@blogger.com4