8 Divi Websites with Awesome Typography

Last Updated on September 16, 2022 by 9 Comments

8 Divi Websites with Awesome Typography
Blog / Divi Resources / 8 Divi Websites with Awesome Typography

One of the elements that’s responsible for grabbing your reader’s attention, and keeping it, is typography. If your fonts are boring, too small, or too difficult to read against your backgrounds, your visitors are likely to go find something else to read. In this article we’ll look at 8 Divi websites with awesome typography to help inspire you for your next Divi design.

One of the things I noticed when researching for this is I gravitate toward large titles and color. I like the colors of the fonts and how the colors blend with the website. I also like block and script typefaces, and they can even look good together if the situation calls for it.

Some of these websites have excellent font pairing while others use a typeface that’s unique. I’ll show an image of the section I like and discuss what I liked about the fonts. The websites are in no particular order. Hang around until the end for a few links to help you level up your own awesome typography.

1. A Conscious Collection

This site uses Playfair Display for both the header and body text, and an elegant font for the logo. The titles also look elegant, which helps set the tone of the magazine, and I like the use of italics for taglines and quotes. The black letters look good against the white and light gray backgrounds. The typography gives this site a series, but not boring, design that lets you know what type of website this is at a glance.

See Website

2. RSVP Wedding

This one uses Playfair Display SC for the headers and testimonials, and Lato and Cardo for the body text and other quotes. It also uses an elegant hand-written script for the logo with a nice gradient to color the font. The elegant colors fit perfectly with the wedding theme of the website, using either tan over white or white over tan for most of the title text.

See Website

3. One Big Road Trip

This site uses Oswald for the headers and PT Serif for the body text. One thing that stands out to me is the font in the logo, which looks similar to Saveur Sans and has cut-out text so the background shows through. I also like the yellow text for the blog post titles on the blog page, which stands out perfectly from the overlay on the post image and works well with the website’s black background.

See Website

4. Carolyn Groombridge

This site makes great use of the Loto font. The large white text looks great against the purple and greenish-blue overlays. Titles are extra-large, standing out and drawing attention to the various sections. Purple is used to make the most important services stand out. The pages bring the titles in using a typing effect. Once the title is there it remains on screen. I love the way the services pages use large text in the left column as a short description of the service.

See Website

5. Saint Benevolence

This one uses a combination of red Banque Gothic fonts for headers and gold Scheherazade fonts for the body text, which perfectly match the labels on the products. Both the red and gold look great over the tan backgrounds. I’m surprised at how easy the gold is to read against the tan. Extra spacing is added between the letters and the words to make the text stand out.

See Website

6. Bari in Jazz

This site uses a font called Amp. It includes text that’s tilted and placed within an orange trapezoid box that fits within the branding of the website. It also uses Amp for headings within each of the sections in either orange, green, or white – fitting perfectly within the backgrounds. I love the use of typography within the site’s logo in the menu as well as within the hero section.

See Website

7. ideology

This site uses Railway for the body text and Montserrat for the title text. The titles have a touch of extra space between the letters and are in all-caps to make them stand out. My favorite use of typography on this site though is the large graphic that creates the site’s title. This is used throughout the site including in the footer to create the logo. My favorite version of it is a full-width section that has the text as a cutout to show the background in parallax over an image with a red overlay.

See Website

8. Indsgn

This one makes interesting use of typography within its logo design, which is used throughout the site within titles and graphics. It includes font families Alxna for the logo, B Bold for the titles, and B Regular for the body text. The tagline in the hero area uses white text with a shadow effect to stand out. Titles over white backgrounds are in green or black. The services pages display the title text as a description and overlaps the images.

See Website

Ending Thoughts

That’s our look at 8 Divi websites with awesome typography to help inspire you for your next Divi website. There are lots of articles here at the ET blog for even more help with your Divi designs. A quick search for fonts here at the ET blog shows just how popular and important this topic is. Here are just a few:

We want to hear from you. Which of these websites with awesome typography are your favorites? Let us know in the comments.

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! đŸ‘‡

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow đŸ‘‡

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How đŸ‘‡

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Augmented Reality Layout Pack for Divi

Get a Free Augmented Reality Layout Pack for Divi

Posted on March 25, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Augmented Reality Layout Pack that’ll help you get your next Augmented...

View Full Post
Download a Free Webinar Theme Builder Pack for Divi

Download a Free Webinar Theme Builder Pack for Divi

Posted on March 22, 2024 in Divi Resources

It’s time for another freebie! This time, we’re giving you a free Theme Builder Pack for Divi. Combining these with our beloved Divi Layout Packs is a great way to build the Divi website of your dreams with ease. This week, the design team has created a beautiful Webinar Theme Builder...

View Full Post
Get a Free Modeling Agency Layout Pack for Divi

Get a Free Modeling Agency Layout Pack for Divi

Updated on March 21, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Modeling Agency Layout Pack that’ll help you get your next Modeling...

View Full Post

9 Comments

  1. I agree that typography is very important to ensure the readability of the website. Some website owners are having a hard time choosing the right fonts to use because they wanted their sites to look more creative and interesting. In their effort to choose the right fonts, they sometimes fail to see the best fonts to use. These websites look interesting and informative! It provides great insights in terms of typography because they have to use the right colors and effects that guarantee readers’ interest over the content and the website as a whole.

  2. Real nice examples for typography use.
    Downside is loading times go up 2 to 5 seconds.

  3. Thanks for this list I was inspired by #2, #6, #5 and #8

  4. hi guys, thanks for the post today, just saying; you have the link wrong for one big road trip. Its thisbigroadtrip.com

  5. Hi,

    No.4 uses Lato font where as you have mentioned Loto font. I think typo..

    • I think he’s onto a winner with Loto.

  6. I would definitely add punkgraphic.com to this list

    • The website logo area looks SOOOOOO great on Desktop. WHY DID they not make sure it looks great on tablet and mobile??

  7. Fix your link for #3.

    I say #8 and #6 have the best font work. #5 has solid font and color parings.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today