Icon Fonts

Chris Coyier’s Icon Fonts are Awesome demo pushed me up to the edge, and seeing how fuzzy image icons look next to ultra-crisp retina display text threw me over. Now, I’m testing out an icon font on this site for the comments, 3 footer links, and even my logo (why not push it all the way). The icons I use are a hodge-podge, pulled from my own stuff, Glyphish, and Gedy Rivera, so I had to toss them all into a font.

icon comparison

For that, I used the fantastically simple mac app, Glyphs. It gets an A+ for suiting my needs perfectly. I put in a B+ amount of effort for results I’m pleased as punch with, though as I learn & test I may shoot for minor improvements from time to time. The font icons may render a tad on the jagged side for older machines, but it’s a fair tradeoff when you’re browsing from a retina iPad.

In addition to Icon Fonts are Awesome, check out Displaying Icons with Fonts and Data- Attributes from John Hicks for help with implementation. If you’re looking to create custom web fonts, check out Shifticons.

Update: 5/20/12

I recently found this Github post on the making of their icon font, Octicons, extremely helpful. I’ve also started a collection of icon font goodness over at Gimme Bar.

The World’s Longest Invoice

I came across The World’s Longest Invoice website today from the Freelancers Union. It’s tallying up the dollar amount that is being “held hostage by deadbeat clients.”

While I think the Freelancers Union site has some great resources & goals, I can’t get on board with the attitude of the longest invoice page. Since being in business, I’ve had 2 unpaid invoices. Sure, I’m disappointed in the clients, but I’m more disappointed in myself. I run a small business and like the fact that the buck stops at my desk, but I also realize it’s my responsibility (through things like contracts, legal advice, and payment schedules) to be sure that the buck gets there in the first place.

Reagan Ray’s Shop

Grab your wallets! Reagan just opened up the shop section of his website. He’s been designing & screen printing posters this spring, and two are available for purchase now. I’ve got both, but have to admit I’m partial to this one as a fantastic visual representation of AFI’s top 25 movies of all time. It’s a poster and a game—a game in a poster!

Reagan Ray Greatest Movies of All Time

Ideas of March 2012

Paravel got really busy from November thru January. I spent the majority of my time with my head down, focused on client work, deadlines, basecamp, and email. We were a part of some fun projects, but when it came time for me to speak at New Adventures this year I realized I was a little used-up. I felt disconnected from my identity as a web designer because I wasn’t experimenting or blogging much, both of which are core to my work and where I especially find value. Fortunately, my talk & workshop preparation afforded me ample time in the lab to gain back that sense of wonder and enthusiasm I like to carry with me when sharing with my peers. There are always going to be times when work gets busy and we have less time to inventory our thoughts and ideas. The trick is resolving to get back into it when time becomes available.

This post is my small way of participating in Ideas of March.

Vernacular Typography

I just backed this project on Kickstarter and think you should too. Vernaculartypography.com is a source of endless inspiration and does valuable work in documenting and preserving great examples of regional typography & signage.

The project (and overall cause) reminded me of this story Aaron Draplin tells about an old sign he bought on Ebay and its horrific replacement.

Aaron’s right. Nothing depresses me more than seeing shoddy replacements for classic American signage. I recently heard we could have lost the neon signs at The Bluebonnet Cafe (site redesign coming soon) due to a proposed city ordinance in my hometown.

Thankfully, the city council seems able to recognize the historic nature of the signage and has taken a sensible, negotiable position on things. I grew up visiting the Blue Bonnet for pie happy hour, and that sign is part of what makes summers on Lake LBJ so memorable. Heck, I’d argue it’s the coolest thing in the entire city.

A New Typofonderie.com

Today, Paravel launched the new responsive website for Typofonderie. We had a great time with the challenges that arose from building a font-selling, ecommerce-driven, responsive web site. We took extra care to scale things like category & search navigation, and to preserve image hierarchy (like the home page banner graphic).

typofonderie home page design by Paravel

This project was a collaborative effort. Jean François Porchez and the Typofonderie team designed their new logo and all the specimens & images found on the live version of the site. They’ve been adding content to the new site for a couple of months now, and it’s great to see them fully moved in. Taecho Group worked with us on development, primarily in the Ecommerce department. Adam and Robert are the real deal, and the Paravel team was thrilled to seize the opportunity to work with our Austinite comrades.

The Typofonderie fonts were a joy to work with. We used Allumi and Le Monde Courrier for the site text and spent a great deal of time getting to know the typefaces while developing some guides for specimen creation. Here are a few samples of what Paravel came up with:

typofonderie specimen design by Paravel
Paravel’s initial specimen & color palette design work
typofonderie specimen design by Paravel
Expanded specimen guide to accommodate the need for more color options

Thanks to Typofonderie for all their hard work, and for hiring us. Now, go buy some fonts!