FontDiscovery 🖼️ 54: A Excellent Font for Your Next Web App

FontDiscovery 🖼️ 54: A Excellent Font for Your Next Web App

Plus: branding trends and color from Mt.Fuji!

·

4 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 đź‘‹

Welcome to issue 54 of FontDiscovery! I hope you had a wonderful weekend!Over the weekend, I pushed an update to our newsletter. I created an alphabetized glossary page of jargon buster terms, including the ones we have covered. I thought this might be handy for us to refer back for specific font-related terms. I plan to keep this page updated as we go, feel free to bookmark this page.

In This Issue…

  • Font of the Week: Barlow
  • Design idea: Branding Trends
  • Color Inspiration: Mt.Fuji

img: sample of Barlow – 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.

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F53f57f5e-0cce-451f-9560-0d75160284a7_716x442.png

Share FontDiscovery


Font of the Week

About Barlow

Barlow is a practical sans serif with friendly quirks, perfect for startups.

The California highway signs and buses inspired Barlow. Even though its style took a more practical approach, it still brings a sense of extra friendliness. It is a superfamily of fonts spanning across normal, semi condensed, and condensed versions, each with nine weights in regular and italics. By having so many weights and styles, Barlow is perfect for complex app interfaces.

Barlow belongs to a category of fonts known as Grotesque Sans Serif, one of the earliest sans serif styles to be popularized. Because of this, Grotesques usually have a lot of visual quirks. The term grotesque also became a synonym for sans serif.

Font Detail

  • Extra bold dots on “i” and “j”
  • Slight stroke contrast
  • Stroke end is angled, with rounded stroke cap as opposed to flat angle and no stroke cap
  • Comes in regular and italic with nine weights. It also has Semicondensed and condensed versions.

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Feeb6932c-1b63-4a11-ad9b-75d2cc4ac950_716x462.png

img: font details of Barlow

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F86971348-58d1-4bf5-9485-96630415d47b_1349x462.png

Barlow has a good balance of friendly and functional. It is excellent for tech companies looking to create logos communicating simplicity and warmth brand personalities. Medium, Semibold, and Bold are especially great for startup/business logos.

How to use Barlow for marketing and branding?

Due to its many weights and styles, Barlow is perfect for complex websites, app interfaces as text, or display fonts. Its multiple weights can support complex information hierarchies like text-heavy projects. Because this font is relatively neutral, you can use a serif, with more font personality, like Bluu Next, to spice it up or a more classic serif, like Cormorant Garamond, to stay objective.

img: Barlow on Perfume packaging; source: FontsinUse

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F776d18bf-20b1-4c45-9a66-1b4501f7d7cd_594x462.png

img: Barlow on a graphic poster; source: FontsinUse

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F171ebf19-c8f9-4f59-9a8a-641ba3574ca0_594x462.png


Design Idea

Companies go through rebranding to update or change the public’s perception of them. Last week, we talked about the rebranding of Facebook. However, have you ever noticed that there seems to be a trend among industries? In recent times, there is a trend of startups having minimalism branding, in which startups are seen increasingly with minimalist, sans serif branding. (Why is that? We’ll talk about it in one of our future branding posts : )

img: soylent is an example of lifestyle startups with minimalist branding; source: soylent

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F9e6ad521-f8d6-49da-b8d8-1d60833cacd6_716x462.png


Color Inspiration

Mt.Fuji

As winter is getting progressively colder, we share a color palette of the beautiful Mt.Fuji.

Crayola #709AF8 | Sakura #F3BCB9| Bark #462C2F | Pale Sky #9FD5FF

img: mt.fuji; source: wikimedia

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F749ba4f7-a037-4a57-bf8d-d030fcd46ea7_716x462.png


Jargon Buster

Bracket

Bracket is the area where a serif and a stroke are connected.

img: bracketing in letters

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F34146abf-8930-4f0b-ba36-ccfa680658a3_1518x760.png


Creative Prompt

Try making a marketing graphic with Barlow or with our color pallet this week!


Thank you

…for reading and hanging out here this week! Barlow is available on Google Fonts. It also has Semi Condensed and Condensed versions.

img: infographic of Barlow

https://cdn.substack.com/image/fetch/w_1100,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F674c27c5-6d32-4c51-ad29-ebdfb8697b68_1012x506.png


If you enjoy this series, you can subscribe here:

Â