Category: Branding

As an artist, I pride myself on being able to see and create beautiful arrangements and designs, using various elements.

Whether it’s painting, drawing, or sculpting, the tools you use to create beautiful designs matter as much as the way you put elements together to create works of art.

When it comes to font pairing, the tools are the fonts, and how you put them together is the pairing.

Even the most creative minds can experience creative blocks. So, we put together this list of 9 font pairing examples, in case you are searching for fonts for a design, and you need a little inspiration boost.

Font Pairing Explained

Before you jump into font pairing, you can check out this article I wrote recently about how the look of a website can positively or negatively impact SEO.

This will give you a small background as to why typography matters.

Think of font pairing like painting a masterpiece. It’s not enough to paint the most beautiful tree in the world, and then the most beautiful car right next to it.

Good designers always have to answer the question: how/how well are two elements going to fit together in my design.

Font pairing is the same. Two fonts can be the most beautiful fonts separately, but when put together, they can look off-putting, feel off-brand, or just plain look awful together.

How to come up with a successful font pairing

A successful font pairing is one that visually represents the brand and communicates it’s values, personality, and style. 

But how do you begin to come up with one?

Coming up with a successful font pairing is an intuitive and personal process.

It starts with thinking about what fonts communicate what the brand is all about. Now, imagine a Law Firm website with a grungy, hand-written script font. Would that evoke security and trustworthiness? Probably not.

There’s also the technical side, which I won’t dive into today, but having a deeper understanding of typography, and how typography can evoke certain emotions in people, can help a designer make better font pairing choices.

But if you would like to learn more about how to pair fonts, and the inner workings of font pairings, below is the best article I have ever read on the subject.

The article is written by the team at Canva. It discusses 10 golden rules to live by when combining fonts.

9 Font Pairing Examples for your inspiration

Now, that we have the basics out of the way, let’s jump right into the 9 font pairing examples you can use to get inspired.

9. Poppins Bold + Lora

Screenshot for the website "Finregpartner.com", to showcase the beautiful font-pairing between Poppins and Lora

About Finreg Partners

Finreg Partners is a law firm that specializes in financial regulations in the fintech industry.

For this project, we needed fonts that were modern yet classical. So, we went with Poppins and Lora.

Poppins is a sans-serif font that falls into the new “Geometric” type. Fonts in this category tend to look and feel more modern than most of their sans-serif counterparts.

Lora is a serif font that falls into the “contemporary” category.

The combination of the modern (geometric) sans-serif font and the contemporary serif gave us the perfect balance of modern and classic we were looking for in a pairing.

8. Gilroy Bold + Noto Serif TC

Screenshot of the website "BuildersSiding.com", to show the beautiful font pairing between Gilroy Bold and Noto Serif TC

About Builders Siding

Builders Siding Co is a roofing and siding company located in Chantilly, VA. The company specializes in the installation and replacement of siding, windows, roofs, and other home improvement items.

For this project, we needed fonts that were both bold and inspire trustworthiness. We wanted to tell Builders Siding’s customers, that they can trust this family-owned business with their home improvement projects.

Gilroy Bold is another geometric sans-serif font. Gilroy Bold is bold as the name suggests.

Noto Serif TC is a traditional serif font. These kinds of fonts are often associated with established, trustworthy companies.

The combination of those two fonts gave us the boldness and trustworthiness we were looking for in a pairing.

7. Gilroy Bold + Overpass

Screenshot of the website "Rnicolecollection.com", to show the beautiful font pairing between Gilroy Bold and Overpass

About R Nicole Collection

R Nicole Collections is a fashion eCommerce shop for handmade and custom made shoes and other accessories.

For this project, we were looking for modern, elegant and forward-looking.

Gilroy Bold was a perfect fit for the modern feel we were looking for.

We chose Gilroy Bold for it’s modern appeal but also to differentiate R Nicole Collections from other fashion eCommerce shops out there.

Overpass is also a modern sans-serif font developed by Delve Fonts. Thin, longer fonts tend to look and feel elegant. Overpass is a bit elongated, giving us the elegance we wanted.

That, along with the geometric Gilroy, gave us the exact pairing we wanted for this project.

6. Dm Serif Text + DM Sans

Screenshot of the website "expressbuildingbuyers.com", to showcase the beautiful font pairing between Dm Serif Text and DM Sans

About ExpressBuildingBuyers.com

Express building buyers is a company that allows customers to sell their buildings, apartment complexes or set of apartments quickly.

For this project, we needed fonts that had a look and feel that was traditional & trustworthy, yet modern.

So, we went with Dm Serif Text and DM Sans. Having both fonts belong to similar font families gave us the unity we needed in a design.

But, combining a sans-serif font with a serif one gave us the contrast we needed between traditional and modern.

5. Calistoga + Source Sans Pro

Screenshot of the website "Lucasso.me", to showcase the beautiful font pairing between Calistoga and Source Sans Pro

About lucasso.me

Lucasso is one of the websites I built for myself. This a website I used to showcase my paintings and try to inspire others to be creative.

For this project, I needed fonts that SCREAMED creativity.

Calistoga belongs to the “display” category of fonts. The beautiful curves that make up this typeface not only say “creative” but also give it a friendly look/feel.

This typeface says “I’m creative, I’m friendly, I’m down to earth”, which is exactly what I was going for.

I paired it with Source Sans Pro, which is another sans-serif font. I choose a sans-serif font here because sans-serif fonts are easier to read on screens.

I specifically chose Source Sans Pro because the strokes are a bit more free-flowing than most other sans-serif fonts, which adds to the creative/friendly look and feel I was going for.

4. Pacifico + Roboto Light

Screenshot for the website "andaleash.com" to showcase the beautiful font pairing between Pacifico and Roboto

About And A Leash LLC

And A Leash is a dog daycare company in Tampa, FL. I’ve done some research and they are the highest rated dog daycare in that part of Florida (*high five to And A Leash*).

For this project, knowing the company is a dog-friendly place, we wanted fonts that felt friendly and welcoming.

Pacifico belongs to the category of typefaces called “script”. This category of typeface is the one that always looks handwritten.

These handwritten-looking typeface often reminds us of handwritten letters from before technology, which often brings feelings of warmth & friendliness.

I paired this font with Roboto for two simple reasons:

  1. They look good together.
  2. Roboto is a sans-serif font, which makes it easier to read on screens.

3. Playfair Display + Quicksand Light

Screenshot of the website "RegConcile.com", to showcase the beautiful font pairing between Playfair Display and Quicksand

About RegConcile

RegConcile is another law firm specializing in financial regulation including general consulting, anti-money laundering (AML) ect.

For this project, we wanted to make the finished project put the words “trust”, “authority”, and “modern” in the minds of the customers.

So, we chose Playfair Display, a serif font that looks more modern than other serif fonts. We essentially killed three birds with one stone when we chose this font.

We paired it with Quicksand Light, a sans-serif font that helped us accentuate the modern feel of the design.

2. Playfair Display + Overpass

A screenshot of the website "Social Register Las Vegas", to show the successful font pairing between Playfair Display and

About Social Register Network

Social Register Network is the premier business networking organization exclusively for business owners, executives, young professionals, entrepreneurs & influencers.

Full disclosure, we are a corporate sponsor for Social Register Las Vegas. But, rest assured it’s not why they are included in this. We really are proud and happy about our font pairing for this design.

For this project, the owner wanted the finished website to look classic, elite, but modern.

So, we turned to our friend Playfair Display again. At the time, it was the font that was going to accurately capture all three adjectives the owner wanted.

This time, however, we paired the serif font with another font we’ve discussed in this article previously: Overpass.

We thought this lengthier sans-serif font would add a bit of elegance to the overall design, which would make it look and feel more elite.

1. BW Darius + Nexa Bold

Screenshot of the homepage of this website (brandwell.staging.wpengine.com), to showcase the beautiful font pairing between BW Darius and Nexa Bold

Call me biased, but this might be the best font-pairing we have ever come up with.

For this project, I wanted something bold and creative. While looking for fonts, I stumbled upon BW Darius. As soon as I saw this typeface, I knew it was the one.

This font says both bold and creative. Additionally, the fact that it’s a serif font adds the trustworthiness factor to the design.

I paired BW Darius with a sans-serif (Nexa Bold) font for readability reasons, but also because it looked great next to BW Darius.

Additional Resources

So, there you have it. It’s our list of 9 font pairing examples for your inspiration. But, wait. There’s more.

If you’ve stumbled upon this article, that means you want to learn more about design either for your business or just for self-improvement.

Here are additional resources to help you learn more about fonts and font pairing.

Where to find fonts

Below are a few links where you can find fonts, both for free or to purchase.

NOTE: Most of the fonts we used for our design are free. Depending on your project and/or budget, feel free to check out some paid options. They often are better quality, and you’d possibly be helping a starving artist. 🙂

Additional Font Pairing resources

In addition to the website above to help you find fonts, here are more websites to give you even more inspiration for font pairing.

That’s all folks. I truly hope you like the article and that it was somewhat helpful to you. If you have any feedback or any other suggestions for font pairings, leave a comment below.

Category: Branding

So, you’ve heard the term ‘brand’. You didn’t know what it was, but you did your research, and now you’re ready to start creating your brand.

The only problem is, Adobe products are not the cheapest. You are just getting started so you don’t quite yet have the budget to afford an Adobe subscription.

No worries. I am here to help. Below are 5 free and amazing websites that I have used in the past to help clients create stunning logos and graphics.

1. Canva

Screenshot of Canva website, a website that can help you get started creating your brand.

Canva is an AMAZING product. It is extremely easy to use (compared to other counterparts), with a beautiful interface that will make you want to come back and design over and over again.

Canva has apps for both tablets and mobile devices, so you can create graphics from anywhere.

Additionally, Canva has a free plan that will allow you to start creating a brand for little to no money.

The only problem I had with Canva was the limitations when it comes to file formats.

Canva doesn’t have an option to download SVG files, which is an essential feature when creating logos.

2. YouIDraw

Screenshot Image of YouIDraw, a web app that can help you get started creating your brand.

Youidraw is a step up from Canva in someways and a step down in others.

It’s a step up because it is as close to Adobe Illustrator without being Adobe Illustrator.

For example, unlike Canva, Youidraw has a pen tool. The pen tool allows you to freely draw complex shapes with your hand.

Canva, only allows you to create simpler shapes like squares, rectangles, triangles, circles, stars and a few more.

Another step up from Canva is the fact that with this software, you will be able to download SVG files. However, in order to enable this feature, you’ll have to opt into the paid version of the software, which starts at $9.99/month.

Youidraw is a step down from Canva because as you can see, the user-interface is not as inviting.

Furthermore, the learning curve for using YouIDraw is steeper than that of Canva.

3. Google Fonts

The choice of a typeface (font) is one of the most important steps to any design project.

Typefaces can convey certain emotions in a reader. So, the choice of a font can give the right or wrong first impressions.

If you have the budget, you can explore options such as fonts.com, fontsquirrels.com, or even myfonts.com. On those websites, you can search for, and buy premium fonts, uniquely crafted by expert typeface designers.

If you don’t have the budget, Google fonts is a great option.

Screenshot of Google Fonts website, a website that can help customers get started creating a brand.

Google fonts, like Canva, has a great user-interface and is easy to use. You’ll be able to easily look for fonts, filter by type or size, and download the fonts you need for immediate use.

4. Fontpair.co

Screenshot of Fontpair.co

Speaking of fonts, Fontpair.co will make choosing fonts much easier for you.

One of the most difficult things in creating a design is choosing a set of fonts that go well together.

Fontpair gives you suggestions about different typefaces that go well together.

Additionally, the software allows you to visually check to see if the fonts feel right next to one another.

Finally, Fontpair also allows you to easily choose what kind of typefaces you want to pair together.

For example, you can view ‘Serif + Serif ‘ pairings only, or you can choose to view ‘Sans-serif + serif’ pairings.

Don’t forget, the pairings you will see on this website are mere suggestions. Be sure to explore typeface pairings that are similar to the ones on the website, but not exactly the same.

5. Coolors.co

Screenshot of Coolors.co website

Coolors.co is one of my absolutely favorite website to use.

This web app helps you create beautiful mood boards with beauty and ease.

The user-interface is as good as that of Canva or Google fonts.

Moreover, Coolors.co has a feature to randomly generate colors. So, if you’re ever out of inspiration, you can go to the website and get hundreds of automatically generated mood boards.

Like fontpair.co, the colors are mere suggestions. So, you can play around with different hues, change values, and increase or decrease saturations to find the perfect color for you.

Final Words

So, there you have it: 5 free websites that will help you get started creating your brand.

These are just starting points. When you can afford it, you can move on to better/easier options such as hiring a developer or subscribe to one of the Adobe Creative cloud plans and streamline all your creative apps into one.

Did I forget some websites? What are some of the apps/websites that you use? Leave a comment below and let me know.

Let's Work Together.

Whether you got a web development or SEO project you need to help with, or you'd just like to say hi, fill out this form.

I'll get back to you within 48 hours.