FontDiscovery šŸ–¼ļø 62: Font for Article Writing

FontDiscovery šŸ–¼ļø 62: Font for Article Writing

Plus: Cool-Color Combinations and Cognitive Bias Directory

Ā·

3 min read

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 Everyone šŸ‘‹

Hope you had a restful weekend!

First, Thanks for all the nice comments on the last post! Iā€™m glad you liked it. if you have any further ideas and suggestions about the branding series or anything else you would like me to write about, please feel free to comment or drop me an email anytime!

The past week has been crazy for me. As I have told you previously, my co-founder and I are working towards a launch for our app. We are inching closer every day and Iā€™m really proud of the progress we are making. Here is a little sneak peek šŸ™ˆ.


In This Issueā€¦

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%2Fd945596c-4cf3-4539-b204-5ff41db8e090_716x442.png

img: sample of Spectralā€“ Do you have a friend who could profit from the weekly design tips, just like you do? Please consider forwarding or sharing FontDiscovery with your friend by clicking on the button down below.

Share FontDiscovery


Font of the Week

About Spectral

Spectral is one of my favorite serif fonts on Google Fonts. It is calligraphic and natural, and it has a slightly more ā€œbrushyā€ look than the serifs we have featured, like EB Garamond and Comourant Garamond. This modern look results from less stroke contrast, which also makes Spectral more favorable for screen reading.

Font Detail

  • Nine weights in regular and italic styles
  • Variable version
  • Large, triangle-like serifs without bracketing

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%2Fa2c3dd21-7b99-4f91-a5d8-03a08c5d2ed0_1349x462.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%2F14b61c2f-8f16-4ea8-94f1-f671914121db_1012x462.png

Specific Usage Tips

Due to less contrast in strokes, Spectral has a human touch and a modern tone. Its visual details around the serif (no bracketing) give it an inviting feel without sacrificing the typical elegance and class that come with serifs. Spectral is perfect for a traditional theme project but appears modernized and updated.

How to use Spectral for marketing and branding?

Spectral is great for text-rich screen-based projects such as blogs and ebooks. It can pair with a Slab serif like Zilla Slab or a sans serif like Noto.


Design Idea of the Week

Cognitive Bias Directory

This week I stumbled upon this Wikipedia page about cognitive bias. This page list 188 Wikipedia pages about cognitive biases, grouped into categories, and rendered as a radial diagram. Each list item also links to their corresponding Wikipedia page.

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%2F449af422-fa26-4950-919d-7e1d6f74a22c_931x723.png


Color Inspiration

One More Snow

Check out this cool-color color theme for your creative projects!

Lake #33AAFF | Steel #738BA3 | Silver Lining #CED8E5 | Noir #383639

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%2F26d4a0a0-b326-4c6c-baa5-956e3ba52d66_1012x506.png


Jargon Buster

Line-Height

The space between two baselines of text.

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%2F8fcd59a8-fdce-40e7-a640-fd159cd8ea48_1012x506.png

Want more? check out the jargon buster glossary page.


Creative Prompt

Create something with Spectral!


Thank you

ā€¦for reading and hanging out here this week! Spectral is available here. 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%2F7b79e411-7e0a-483d-9445-5240a6b6bb0f_1012x506.png


If you enjoy this series, you can subscribe here:

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

Ā