Choosing the correct typeface is one of the most important elements to any design. It helps to communicate to the reader the purpose of the text and, when used properly, it adds style and makes for easier reading! To achieve this, a carefully devised Type Hierarchy is needed. Type Hierarchy is the process of selecting typefaces and deciding which font will be used for what purpose. As a general guide, you might want to select a heading, subheading and body font! Colour choice is also an important aspect of type hierarchy as it helps to draw the readers eye to where you want it to go first.
Below we will be talking about our favourite fonts, and giving you some ideas of font pairings.
Our example here shows Montserrat Bold as a heading font, along with Montserrat Regular Italic as a subheading and Oswald Light as the body font. See our example below showing this font pairing and how it can work in a design context. Montserrat is a hugely popular font and for good reason… It’s bold, dynamic and geometrically pleasing meaning there’s not much to dislike with this typeface!
For a clients menu design, we have used Montserrat as the body typeface!
Bebas Neue Pro.
Our example below shows Bebas Neue Pro Bold Italic as the heading font, with Bebas Neue Pro Regular as the subheading and, our friend above, Montserrat Light as the body font. Bebas Neue is a great typeface and can be successfully applied to all aspects of the type hierarchy. Using Bebas Neue Pro Bold in caps can provide a bold heading font, which can sit perfectly alongside something like Montserrat Light as the body font!
Our example shows Bely Display Regular being used as the heading font, with Futura PT Light Oblique as the subheading and Futura PT Light as the body font. We have also used a bright and striking colour to further add to the hierarchy!
Below is an example of Bely being used in an arts newspaper! It’s clear to see that this typeface can help to add a modern twist on a classic form for publication.
Here we have paired Futura Condensed Extra Bold as the header font with Helvetica Neue as the subheading font and Helvetica Neue Light as the body font.
If you’re thinking that this typeface looks a little familiar you’d be right… It is in fact Nike’s typeface!
For this example, we have used Helvetica Bold as the heading font with Montserrat Light as the subheading font and Montserrat ExtraLight as the body font.
Not sure where to start? Don’t worry we can help! To get in touch, email firstname.lastname@example.org