13
3 Comments

FontDiscovery šŸ–¼ļø 33: You Got Options, Featuring Mega Font Family Cormorant

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!


Hi CommunityšŸ‘‹

Welcome to issue 33 of FontDiscovery!Ā I hope you had a nice weekend. If you are new, I am so glad you are here!

This weekend, my co-founder Wenting and I did our first ever launch on Product Hunt. If you didn’t know, Product hunt is a website for tech product makers to show the community what we are working on. As product hunt newbies, we had a lot to learn. The launch went well, and we learned a lot in the process, which was the original goal.Ā We are grateful to everyone who supported us.Ā Thank you so much!Ā You canĀ see our launchĀ hereĀ andĀ read our learningsĀ here. The adventure continues šŸ‘¾.

This week, our theme isĀ Strictly Business.Ā We go over a font with a classic vibe, brainstorm about creativity in emojis, and look at IBM Corporate Identity. Let’s dig in!

In this issue

  • Theme: Strictly Business
  • Font of the Week:Ā Cormorant
  • Design Idea: Original Emojis
  • Color Inspiration: IBM Corporate Identity

cover-0.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%2Ff428698f-28b5-4088-b7bf-981fd4c2e075_716x462.png

img: sample of Cormorant.


Font of the Week

In a previous article,Ā we introduced EB Garamond. If you like the classic vibes of EB Garamond but want more weights and styles, Cormorant might be the font for you. Cormorant is an old-style serif. An old-style serif has a ā€œdiagonal stress,ā€ which means that the thinnest parts of letters are at an angle. The serifs are also bracketed: they are connected to the strokes with curves.

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%2Febe7ab9c-9f28-49f9-9abc-01bfa93af53d_716x462.png

img: graphic showing bracketing and diagonal stress of old-style serif

What I love most about Cormorant is its versatility. LikeĀ Plex,Ā it has many variations and depending on your project needs. You can determine which one you want to use. Cormant has three styles: normal (Cormorant Roman), italicĀ (Cormorant Italic), and a straight version of italicĀ (Cormorant Upright). Today, we’ll focus on Cormorant Roman, which has two interesting variations: Cormorant Garamond and Cormorant Infant.

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%2F8539fcc4-6077-4881-a7dc-176e80c53237_716x462.png

img: chart of the Cormorant font family

Font Details

Cormorant Garamond is convenient for blog sites, e-books, or text-heavy projects because this variation offers large counter spaces to achieve more reading comfort. On the other side, Cormorant Infant is a less grown-up version of Cormorant Garamond; the lettersĀ a, g, yĀ are replaced with single-story shapes to make it feel more gentle. If you want a slightly less classic and more friendly tone, Infant can work for you!Ā Other noteworthy variations: Cormorant SC and Cormorant Unicase. Both are small caps, which are great for labels and captions.

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%2F9d918206-c3f8-43c8-b3b3-448ec442171e_716x462.png

img: graphic showing difference in counter space (spaces like the circular space in theĀ a)Ā Ā between Cormorant Roman and Cormorant Garamond. As you can see, the Garamond has larger counter space. This means that when text is at body size, Cormorant Garamond will be more visible.

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%2Fad331399-6d4a-4eca-8108-1689a4ababd9_1349x462.png

img: double story of lettersĀ a, g, yĀ in Cormorant Garamond and single story of the same letters in Cormorant Infant

How to use it for logos?

Cormorant communicates classics and traditions. It’s perfect for brands that are looking for a more classic voice.

How to use it for marketing?

Because Cormorant has many weights, it is perfect for landing pages. Cormorant Garamond is better for readability, so its Regular or Medium weights are better for body copies. The bolder weights have larger contrast and are more suited for large copies in headers and subheads. If you want a slightly more warm tone, give Cormorant Infant a try. Cormorant pairs well withĀ Raleway.

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%2Fa58d974d-6c38-4d85-af8a-438f9d9fc116_716x462.png

img: Cormorant being used on a fashionĀ website. Source:Ā FontsInUse

Design Idea of the Week

An Original Emoji

"There’s a whole generation of children who ā€˜learn to read and write’ emoji before they can read and write." Jennifer Lee, the founder ofĀ Emojination, a nonprofit advocating for representations in Emojis. (source:Ā VoxĀ )

It is no doubt that emojis are changing the way we communicate with each other. Among the ones we use, the pointy finger emoji is one of the most popular ones on Social media for people sharing their content.

šŸ‘‰ But where does the pointy finger motif come from?Ā Printers made original illustrations, like the pointy finger motif, calledĀ printer’s cut back in the day. It was a signal and command for people to read whatever it was pointed to. The pointy finger became a staple in posters, bills, and ads.[1]Ā in the 19th century US.

Creating original emojis, emotes, and reaction gifs as part of your brand can be memorable for your businesses. Streamers are already doing this on Twitch and having successes. Their fans have access to premium emotes and unique gifs.

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%2Fe88b1a54-88f8-4532-824d-b34e777b7e80_716x462.png

img: printer’s precut illustrations, source:Ā the Arm letterpress

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%2F6ceaf070-1789-490b-8192-55b53c616acf_716x462.png

img: Hikaru Nakamura is a popular Twitch Streamer. He uses his face as emotes in his community. Source:Ā GMHikaru


Color Inspirations of the Week

IBM Corporate Identity

This older brand identity is one of the most well-known corporate identities created by Paul Rand, who is sometimes known as the father of graphic design. He convinced businesses that design, especially Corporate Brand Identity (consistent logo and systematic visual assents for companies), was vital to help enterprises communicate their values to the public and create brand awareness.

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%2Fbd7fc3c4-af0f-47b7-b6a1-3919f03044ca_716x462.png

Img: Paul Rand’s initial IBM logo made the public aware of IBM as a brand.Ā  source:Ā qz.


🌱 Jargon Buster!

Font Family

A set of fonts that share design styles. For example, Helvetica Bold and Helvetica Regular, both of these are in the Helvetica Family. Another example, Cormorant Roman and Cormorant Italic are in the Cormorant Family.


Creative Prompt

Emoji Time

Create your own emoji or gif! If you need a little technical tutorial, here is a quickĀ video. I would love to see what you create via Twitter or Email!


Thank you!

Thanks for being here for another week. Cormorant is availableĀ here.Ā It is designed by Christian Thalmann.


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.


Additional Sources:
1: Steven Heller, 100 Ideas that Changed Graphic Design

posted to
Icon for series FontDiscovery
FontDiscovery
on August 18, 2021
Trending on Indie Hackers
From Ideas to a Content Factory: The Rise of SuperMaker AI User Avatar 27 comments Why Early-Stage Founders Should Consider Skipping Prior Art Searches for Their Patent Applications User Avatar 21 comments Codenhack Beta — Full Access + Referral User Avatar 19 comments I built eSIMKitStore — helping travelers stay online with instant QR-based eSIMs šŸŒ User Avatar 17 comments Building something...? User Avatar 12 comments Day 6 - Slow days as a solo founder User Avatar 11 comments