Good Typography Examples and My Go-To Fonts for Projects
One of my favorite things about graphic design is typography. Every logo, web page, editorial design, or packaging design is made up of a lot of moving parts, but the one thing that anchors them all down and either makes or breaks the design is the typography. Typography is the art and technique of arranging type and it consists of type (the name of the type, such as Arial) and fonts (breaking down Arial even further such as Arial Regular, Arial Bold, Arial Italic, etc). You could have the most amazing icon or name for your logo but if you pair it with the incorrect type, it’s going to fall flat. You could have the most amazing product in a box but if you pick the wrong type to go on it, you might miss your sales goals because the message, through type, looks “meh”. In this blog post, I want to share with you how using the right type for your project is important by showing you some good typography examples. If you’re a seasoned graphic designer, this post is not for you as you obviously know what I’m talking about. But if you’re just starting out, here are some pointers to guide you in the right direction.
TYPE STYLES THAT STAND THE TEST OF TIME
There are a lot of cool types out there and I love them as much as the next person, but when selecting the right type for your project, you want something that is going to be timeless regardless of what’s in style now. If you go with something trendy for, say a word mark logo or maybe some text on a packaging design, you might be doing a re-brand a few years down the road and that is not something your client is going to be too thrilled about. Rebranding because the current brand isn’t “catchy” anymore means more money spent and could be sending the wrong message to their audience. It might relay that they’re not consistent in who they are as a company and therefore, it might not generate a lot of trust. Would you trust a product that is always changing and is not consistent? It would make me wonder who’s in charge behind the brand.
A few examples of what I consider trendy types (all taken from Pinterest). They look great and fun and work well with the brands shown, but again, I feel they are trendy. It’s hard to tell if the type selected will still work in 10 plus years. Maybe. Maybe not.
Sometimes selecting the right product is based purely on emotion and sometimes, the way something looks has a lot to do with being selected. I think that the type selection has a lot to do with how the final label or product looks. How is that label designed? Does it have a fun or classy look to it? I do this with wine. I’m not a big wine drinker and therefore, I couldn’t tell you the difference between a good wine or a cheap wine (other than the price, obviously) and sometimes I will decide on which bottle to buy based solely on what the label looks like. Pretty scary, huh? Pure emotion.
THE DIFFERENCE BETWEEN TRENDY AND CLASSIC (IN MY OPINION)
For me, trendy types are those new, fun to look at types with either their curvy lines or bold, outstanding letterforms. I see them used in templates in places like Canva or showcased on Pinterest, and I feel like these draws in the younger crowd whether it be on the consumer side or the designer side. The younger crowd is probably looking for something new, shiny, hip and perhaps these are the types of letterforms that appeal most to them, but I would proceed with caution.
Trendy isn’t bad. But it’s just that. A trend. One that comes and then goes almost as quickly as it arrived and though I’m not against using them in your design, I would consider the use long-term. Things evolve very quickly now and you want to make sure the type you’ve selected for that logo, packaging, or signage is going to stand up against the ever-changing canvas of our times.
Good typography examples of classic designs are those that look amazing regardless of time. These are, what I like to call, the “safer” types, classic looking serifs like Baskerville or Georgia, Times New Roman; or perhaps classic looking sans serifs like Montserrat or Open Sans. They sound boring but the key is to know how to use them in a way that works with the design.
Here are some examples of classy types that I believe are elegantly understated. They are simple yet very sophisticated when used properly. First image is by VistaPrint; second image by Garage Design Studio; third image by Biterswit on Etsy.
USING CLASSIC TYPES IN YOUR DESIGN
The classic types, if used correctly, can have an understated beauty to them. They speak for themselves. They elevate the brand or project to something that is sophisticated and timeless. Their main job is to sell whatever it is you’re trying to sell or communicate. They don’t distract from the product, they enhance it.
One of my many go-to examples of classic type use are those wine labels that I mentioned. There are a lot of designs out there from upscale sophisticated to quirky fun. But in my opinion, the ones that are the most timeless are ones where the typography is the protagonist, and they are used in an intelligent way. I’m also a big fan of Mexican spirits labels with amazing typographical layouts, whether it be tequila, mezcal, or any other concoction. The type selection for these brands must be timeless and sophisticated if they want to keep their reputation for being one of the best.
Just a few of some elegant spirits labels that have simple but sophisticated typography. First image by Stranger and Stranger; second image by Chad Michael Studios; third image by Abraham Lule.
WHY TYPE SELECTION IS IMPORTANT IN EDITORIAL DESIGNS
They say print is dead, but I beg to differ. I am thrilled that I am still able to pick up some of my favorite magazines at my local retailers and hold a hard copy of print in my hands. For me, nothing is more satisfying than flipping the pages of my beloved magazines and looking at images, reading the print. Selecting the right type in these designs is crucial because you must keep the reader in mind. They must be able to read the print to enjoy it fully. Those modern, trendy types will be better placed in titles, not in body text. I would even be careful to used them in pull quotes as they might be difficult to read if there’s more than one to two lines of text happening. Some of these types are what I think of as “display” types. What do I mean for display? They’re a little bit “chunkier” or bigger, if you will, and they are to be used sparingly. Because of the way they are designed, they aren’t meant to be read as body text (several long lines of text).
There are certain rules about styles and sizes. For print, you normally want to go with a serif type because they’re easier on the eyes to be able to distinguish all the different letter forms (this isn’t a “set in stone” rule, but one that is recommended, especially for long copy such as novels, essays, column pieces, etc). And if you’re reading a paragraph of text, you probably want to go anywhere between 10-12 pts (it all depends on the type you select). Selecting the right type for novels or text heavy books is important because you want the reader’s eye to be comfortable.
WHY TYPE SELECTION IS IMPORTANT IN WEB DESIGNS
Selecting the correct type for web is really a whole blog post in and of itself. There’s a reason why when you buy types, you must select if it’s for desktop or web. They look the same (sort of) but how they work out in screen versus print is different. If this topic interests you, I suggest reading this article on it.
The rules for the size of type for web is different. Again, it all depends on the type you select but you normally want to start with 14 pts for size. And here, I like to select a sans serif type for body text and serif types for my titles and subtitles (the opposite of how I work for print). Squarespace has a lot of built in types that you can choose from and their selection is quite nice. Stay tuned for an upcoming blog post on how to use type in Squarespace.
WHY TYPE SELECTION IS IMPORTANT IN PACKAGING DESIGNS
I am not an expert in packaging design, but I do love me a good layout. I worked very briefly on some packaging design for a few food products and learned that the FDA has some pretty strict rules about typography styles and sizes, especially when it comes to the ingredient list and nutritional values. But in packaging design, you want your product to tell a story about what you’re selling and using the right type is crucial. Say you’re selling a beauty product. Besides the obvious visual elements this will have, you probably don’t want any script or handwritten type on your label or package. That just wouldn’t make sense AND it would be very hard to read. You might use it minimally as support text (and I’m talking a word or two, not a whole line of text). But for the name, you’ll want a type that is strong and tells your customer what it is. Never underestimate the simplicity yet elegance of a simple typographical layout in packaging.
A few good typography examples that, when used sensibly, are quite sophisticated and elegant in packaging design for beauty products.
Now that I’ve summarized the importance of type selection and why typography plays such a crucial role in design projects, let’s move on to the “go-to” fonts I like to use in projects.
MY GO-TO TYPES FOR DESIGN PROJECTS
THE SERIF
Good typography examples of serif types are best used with body text in fiction and non-fiction books, books that are really text heavy. Serifs improve readability and help you distinguish all those letterforms you’re reading. They are also more “serious” looking so they work well with printed material. So, when I design books, I undoubtedly go to my serif types for selection. The type that I use repeatedly for body text is Baskerville. It is a type with classy looking serifs that elevate the look of any publication. Another type very similar to Baskerville that I also like to use is Libre Baskerville. It’s not only beautiful to use in body text, but I also recently used in designing a word mark logo. One of the things that I normally look at when selecting my serif type for a book is how the letters “y”, “g” and “p” look. I’ll print out some body text that has these letters and see how they look in print. To the normal, untrained eye, these letters look just like letters but to me, how the descenders look is what makes all the difference.
I love the look of the descenders in Baskerville type and is one of the reasons why I select this type repeatedly.
Other serif types that I find myself drawn to and will incorporate in body text is Century Schoolbook, Lora, Bitter and Sentinel. I feel these types help make body text look really sophisticated and sometimes when used in a larger format, they can look stunning. Lora and Bitter are open-source types found on Google, so you don’t have to worry about paying a hefty price to be able to use them.
THE SANS SERIF
The sans serif type is best used for digital media; think web pages. They’re also used for posters, flyers, wayfinding signage; those things you need to read from far away and don’t need the minute details of serif, like in billboards. Sans serif types are also a bit more relaxed and modern in their aesthetic, more approachable. So, if you want to design something that you don’t want to come across as “serious”, then sans serif types are the way to go.
Now some sans serif types can also be used as subtitles within printed materials; they mix well with serif types in publications or social media images. How I like to use them is, say my title is in a serif type, I’ll add a nice sans serif type as my subtitle. It’s a way of telling your eye (and your brain) that there’s some additional information that needs to be processed before moving on to the body text.
Some of my favorite sans serif types are Montserrat, Open Sans, and Poppins. These, too, are open-sourced fonts offered by Google and you can use them on any of your projects. Another favorite of mine (sorry, it’s not free) is Neue Montreal.
Here is an example of how I combined Libre Baskerville, a serif font, with Montserrat, a sans serif. There is hierarchy in how I laid it out and I think it works well for this label design.
If you’re interested in reading more about how to use serif versus sans serif types, I suggest you read this article that explains it a little better.
DISPLAY
Display fonts are those that are to be used exclusively for titles, headings, pull quotes, or other eye-catching elements. You wouldn’t use them in large bodies of text because of the the way they are designed, they might be difficult to read and process if there’s more than one line to it. There are a lot of display types that I’m a big fan of but the one I’m drawn to the most is Gotham. With 16 different font styles within its type, Gotham is so versatile, it’s the perfect type for titles or subtitles. It’s also a great font for simple logos or supporting text on a logo or packaging design.
Other display fonts I like are Playfair Display, Avenir and Lulo (for where a big, chunky type is needed), Farnham Display and Zeit.
Here are various examples of the above-mentioned display types. Depending on what/where you’ll be using (them for), these are great types.
SCRIPT
Every now and then, you might need a little bit of script to make a visual statement. It’s my opinion that script types should only be used in subtitles that have minimal text or as support text, like inserting it as a word within a sentence for emphasis. You never want to have body text done in script because it’s just difficult to read. Though I hardly ever use script in my projects, when I do, I’m very particular and it must look just right. I’ve used Portuguesa, Black Jack, and Lemongrass.
An example of where I used Black Jack script as a support type within a phrase as emphasis for a promo post on Instagram. Other types shown are Poppins and Libre Baskerville.
MIXING TYPE STYLES
Mixing type styles can be tricky at first if you’ve never done it before. It takes skill and a great eye to see what works well together. Next time you thumb through your favorite magazine, pay attention to how titles and subtitles are done on pages or spreads. For visual hierarchy, the designer just might mix and match a serif and sans serif type.
Now normally you want to mix styles that compliment each other. You also want there to be visual hierarchy. It’s obvious that your title is going to be larger than your subtitle, but your type selection should be able to tell your audience that this is what is happening visually. How do you do this? Again, by selecting types that complement each other, not those that compete against each other.
In this example, we see the difference in the type selection and how mixing the correct type is important. In the first example, though these two types are a serif and a sans serif that you might want to mix, they don’t work well together as they’re competing against each other. They’re both screaming at you to pay attention. In the second example, visual hierarchy has been established and these types complement each other. They tell your reader “Hey! Shop Now!” and “Oh, by the way, save 25%”.
When mixing type styles, you normally don’t want to mix more than three different types. The “less is more” saying really does work here. You don’t want to overwhelm your audience’s eye and you want your messaging to be clear. You want the right hierarchy to be established. There are a few instances, however, where more than three types have been used. The difference in those designs is that the designer has mastered how to do this well. Perhaps that fourth or fifth type is just one word on a package design, the one that delivers that extra punch. This takes a special skill that can be learned over time with lots of practice and when it is done, it’s done beautifully.
I hope this post has helped you understand a little bit more about how typography works and when used correctly, it can create beautiful designs.