I am a designer and bootstrapping founder building Typogram, a brand design tool. As part of running Typogram, I create this weekly digestible visual guide with fonts, colors and design ideas to help founders, creators, and makers step up their game in branding and marketing.
How’s your week going so far? Last week was productive for me. I wrote a new post on the blog about visualizing ideas for branding. I also finally bought this video game on my wishlist. I ended up spending many hours last weekend playing it. I normally use the weekend to think up content ideas and work on writing, but it was a nice change. (I’ll probably spend more time on it this weekend...) I hope you have a wonderful week. Don’t forget to come up to the surface for some air 🧘
img: sample of EB Garamond
While we don’t know when Claude Garamond was born (1), we do know that he created one of the most timeless, classic fonts that have ever existed: Garamond. Well-known for its grace and elegance, Garamond is one of the most popular fonts of all time. In fact, it was so popular that it became its own category: many similar-looking fonts created during that time were collectively Garamonds. A staple for book covers, posters, it’s timeless and classic.
img: Different Garamonds created by different makers. source: dailytypespecimen, wikiCommons
Garamond is considered an old-style serif. Typical characteristics of old-style serifs: Organic strokes, upright designs, and structures resembling handwriting with a pen.
Initially designed for print media, Garamond has excellent readability on books but is not well-adapted to screens. Garamond has a relatively small x-height ( height of the lowercase x). As a result, some white space of the letter becomes muddled and blurred out on screens.
img: diagram showing x-height. The x-height of Garamond is significantly smaller than Helvetica at the same size
Just as people were desperately looking for a screen replacement, EB Garamond came to the rescue. A faithfully executed revival of the original Garamond, EB Garamond greatly improves the readability for screens at 12-point reading size while retaining elegance. Like Garamond, EB Garamond is an old-style serif with organic strokes and handwriting-like influence.
img: gif illustrating how small cap is used
img: EB Garamond being used on internet.org (now archived), source: FontsinUse
You are probably no stranger to this. A design tactic we see commonly used is the ransom note: a jumbled bunch of letters collaged together to produce a harsh mixture of voices meant to conceal the identity of the sender. With its roots back in the late 19th century (2), when printers mixed up different font styles on the same page, the ransom note has remained relevant in pop culture, even today, especially in the underground culture.
Is the ransom note tactic something you can use for your projects?
img: ransom note design being used as a cover for the Sex Pistols, a UK punk rock band, source: eli.com
Every week we feature beautiful photos from our subscribers and community! This week we have a funky palette from the Silver Cave, a Karst Cave in Guilin, China. Wenting is a UX designer based in New York City. Thanks for the photo, Wenting!
img: Silver Cave in Guilin, China. source: wentin
Interested in contributing an image? email me your image for a chance to be featured!
Can you create a Twitter visual with EB Garamond, ransom note, and the color palette from this week?
…for reading and hanging out here this week! EB Garamond is available here.
img: simple infographic of EB Garamond
I share tips like these every week. If you like this series, you can subscribe here. You can also read previous issues on Typogram's blog.
Have more questions about design and fonts? Please email me at [email protected] or find me on Twitter at @HuaTweets.
Sources: