2

Drawing Font Inspiration from Vintage Artifacts

 1 year ago
source link: https://www.viget.com/articles/retro-font-inspiration/?ref=sidebar
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Drawing Font Inspiration from Vintage Artifacts

Blue background, yellow text font for General Switch

Kevin Vigneault, Vice President of Product Services

Article Categories:

#Design & Content, #Color, #Visual Design

Posted on February 24, 2023

While remodeling our home, I found several cool old items left behind in walls and crevices. They all have unique mid-century designs. As a creative exercise, I decided to try to recreate these designs digitally.

In 2015, my wife, daughter, and I moved into our current house. It's a mid-century home in the Washington DC suburbs that was architected by the owner and custom-built in 1958. We bought it directly from the original family who had kept the house in great shape. And to our delight, they hadn't done any major renovations throughout its history.

Group of found vintage artifacts including a red paint bottle, shaving razor and electric box cover.

Over the past eight years, we've been renovating and modernizing the entire house while attempting to keep true to its original vibe. In doing this work, I stumbled into a bit of accidental archaeology. Behind walls, under vanities, and in other places, I've come across small, lost artifacts from decades ago. My favorites amongst these discoveries are an electric box, a dried-up bottle of ink, a logo plate for a switch company, and a disposable razor. In particular, I love the fonts used in the designs of these items.

For the exercise of recreating these digitally, I wanted to make it a bit of a challenge, so I'm going to stick with Google Fonts. To be clear, I’m not a font historian or typeface scholar, so this post isn’t about trying to find the exact fonts used during that era. This is just for fun.

retro-switch-3.jpg?auto=format%2Ccompress&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&ixlib=php-2.1.1&q=90&w=1280&s=e086a42427910e573ab27721e6262d76

General Switch Co. Plate

This looked like the easiest of the bunch to do, so I started here. I initially chose Poppins, but after a bit more investigation, I ended up with Outfit. The most noticeable deviations are the top of the G, which isn't quite perfectly circular, and the angle on the right of the lowercase r. Overall, it's a pretty close match.

retro-honeywell.jpg?auto=format%2Ccompress&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&ixlib=php-2.1.1&q=90&w=1280&s=a3b2ec55a2991980e57d525b977f2291

Honeywell Control Unit

This was originally hooked up to a thermostat in our attic that would control a whole house exhaust fan. When we modernized the central A/C and HVAC in the house, we ripped out the fan, but I kept this box. The logo here was in use by Honeywell from 1958 to 1965, so this unit was likely original to the house. For the Honeywell part of the logo, I used Barlow Condensed. For the “open” and “closed” labels, I used Nunito. The uppercase H was the toughest decision. I was split between Abril Fatface (too tall) and Gravitas One (too short). I could have easily modified either font to get the correct proportion, but I chose to go with Abril Fatface unmodified.

retro-blade2.jpg?auto=format%2Ccompress&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&ixlib=php-2.1.1&q=90&w=1280&s=c965c2841be52d7e412f6cd7efbcb348

Gillette Razor

Ok, now things are getting more difficult. This tiny razor required five different fonts. The back of the razor (not shown) has the original Gillette logo that was in use until 1964. They used a simpler sans-serif logo for the font, so I went with Outfit again. For the all caps "Stainless Steel" and "Blade" I used Barlow Condensed and Barlow respectively. The hardest part of this one was figuring out "Super." I couldn't find a single font that had the correct style of the uppercase S paired with the rest of the letters. Ultimately, using a combination of Rouge Script and Dynalight worked well.

retro-ink-3.jpg?auto=format%2Ccompress&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&ixlib=php-2.1.1&q=90&w=1280&s=fbefaf37f22de9f920200bb74928e447

Ink Bottle

I found this little bottle of dried-up ink behind a wall when renovating a guest bedroom. My guess is that the original construction crew used it to mark the walls and studs, but who knows? It could have been an art supply that somehow got lost after the house was built. I tried looking up the company T.M. Freund Co. in NYC, but I couldn't find any info.

In addition to using Nunito, Barlow, and Barlow Condensed again, I had to find good matches for three more unique fonts. For RADIANT (shown below), I found a pretty good match in Stick No Bills. Poller One was a really close match for INK. I knew right away that finding a close match for "Red" would be near impossible, so I set out to find a suitable replacement. I settled on Yesteryear, which seemed appropriate.

retro-mocks.png?auto=format%2Ccompress&crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&ixlib=php-2.1.1&q=90&w=1280&s=67543ad68a64d0995ea9bfaf0416a443

While this was only intended as a fun exercise, I discovered several fonts I hadn't used before and it inspired me to generally explore display fonts more. While I don't typically use them day-to-day in my interface designs, I'll be on the lookout for opportunities to use them on future projects.

If you're interested in retro fonts from this era, I recommend checking out the 1950s tag on fontsinuse.com and the vintage fonts section on Creative Market.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK