8
0 Comments

FontDiscovery 🖼️ 31: Communicate Weird Side of Tech with Terminal Grotesque

I'm Hua, a designer and bootstrapping founder building Typogram, a brand design tool. As part of running Typogram, I create this digestible weekly guide with fonts, colors, and design ideas to help founders, creators, and makers step up their game in marketing and get creative!

Hello Friends đź‘‹

Welcome to another issue! I hope you had a nice weekend. Today, you’ll notice a new section, Jargon Buster!. I created this section based on your great suggestions from our survey. I will experiment with it in the next couple of weeks. If you have any feedback, I would love to know your thoughts via comments.

Recently, I heard about the controversy surrounding Anthony Bourdain’s documentary. (the short version:  the producing company used technology to re-create/fake Bourdain’s voice in the documentary, and some wonder if it’s ethical). So this week, we are going over some design and font elements to communicate the weird side of tech. Maybe it’ll help you catch some extra eyes on what you are working on!

In this issue

  • Theme: Weird Side of Tech
  • Fonts: Terminal Grotesque
  • Design idea: Know Your Memes
  • Color Inspiration: Edward Tufte

https://cdn.substack.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F898c4a4d-383a-458c-8803-4f293b11fcfd_716x462.png

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F4c6414e7-d626-47df-8c03-c2cb92b11f7f_716x462.png

img: samples of Terminal Grotesque


Font of the Week

If Heritage Display is the geeky little brother, Terminal Grotesque is the cool, big sister with a nerdy streak. Continuing on our conversation about 8-bit graphics, Terminal Grotesque brings a nice, updated vibe to this style. If you are looking for something a bit new and weird, Terminal Grotesque might be right for you.

Font Details

Terminal Grotesque is a sans serif inspired by Futura (for a quick review about Futura, see Jost issue), which is a font that embraced simplicity, boldness, and geometric shapes. In Terminal Grotesque, the strokes are bold with very little contrast, the curves are exaggerated to emphasize geometric elements. Like Heritage Display, Terminal Grotesque has a pixelated twist. Its character set has normal, pixelated letters, and letters with both normal and pixelated traits.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F40f3aadc-8a20-4ba5-8fcb-30384e8e5d20_1349x462.png

img: font details of Terminal Grotesque showing letter combinations of normal and pixelated letters and geometric details.

How to use Terminal Grotesque for logos?

The eclectic combination of geometric letter shapes and the pixelated effect gives Terminal Grotesque a trendy and edgy vibe. It’s almost like a tech evolution is happening inside this font! It is perfect for tech companies with an unconventional twist or a project about something artsy, creative, and tech-related.

How to use Terminal Grotesque for marketing?

Terminal Grotesque has only one weight. Its pixelation effect creates a vibrating texture that is legible in body text sizes and header. Having only one weight makes it a great candidate for simple projects like marketing graphics. It can pair with Space Grotesque.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F6f2a5f41-0c76-4f34-acf0-48bbdd9fb623_716x462.png

img: Terminal Grotesque being used on a magazine website; source: site

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fd9660904-18ae-43a1-b0d9-c54a5e9b8240_716x462.png

img: Terminal Grotesque pairing with Space Grotesque


Design Idea of the Week

Know Your Memes

Memes are the language of the internet. It is a unit for carrying ideas from person to person through imitable acts with a parodied and mimicked theme.

The history of memes goes way back. Here is the Expectations vs. Reality format joke in the Wisconsin Octopus, published as early as 1919. A different magazine parodied this joke with a similar illustration in 1921. More representations of this joke followed later on, creating a meme phenomenal.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F11cc5011-bb27-41b3-8ea3-b8a36069df33_716x462.png

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F519d4da6-d683-4be5-af50-96c0133359e4_716x462.png

https://cdn.substack.com/image/fetch/w_600,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fpbs.substack.com%2Fmedia%2FDa3LBTuVAAIXpO2.jpg

img: top –Wisconsin Octopus magazine, dated as early as 1919; middle–parody by another magazine in 1921; bottom–this joke shared in present-day on Twitter; source: BBC and Twitter, @tina_michelle9


Color Inspiration of the Week

Edward Tufte

Edward Tufte is a leading expert in data visualization. He uses the term data-ink ratio to argue against using excessive decoration in visual displays of quantitative information. He sees colors as ways to avoid information mishaps. In most of his visualizations, you will find subtle and minimal colors.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F45b426d5-5c73-4241-94f1-d45e5c6d59c4_716x462.png

img: Chart created by Charles Joseph Minard, illustrating facts related to the French invasion of Russia in 1812. This is one of Tufte favorite examples of good visualization.


🌱🆕 Jargon Buster!

Typography

Typography is the art of arranging pieces of text via typefaces to make information legible, readable, and pleasing to the eye.


Creative Prompt

What would be your weird side of tech idea? Try creating a diagram and explain how it works.


Thank you!

Thanks for being here for another week. Terminal Grotesque is available here. It is designed by Raphael Bastide.

https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Ffac792d8-2ba4-435c-8071-5a0aeb3bad7a_1518x760.png

img: Terminal Grotesque infographic


If you enjoy this series, you can subscribe here:

Have more questions about design and fonts? 
Please email me [email protected] or find me on Twitter at @HuaTweets.
You can also read the past issues on Typogram's blog.

Trending on Indie Hackers
I talked to 8 SaaS founders, these are the most common SaaS tools they use 20 comments What are your cold outreach conversion rates? Top 3 Metrics And Benchmarks To Track 19 comments How I Sourced 60% of Customers From Linkedin, Organically 12 comments Hero Section Copywriting Framework that Converts 3x 12 comments Promptzone - first-of-its-kind social media platform dedicated to all things AI. 8 comments How to create a rating system with Tailwind CSS and Alpinejs 7 comments