I am including Montserrat on this list because KøkkenSnedkeren brilliantly uses it to display numbers on their website. There is nothing wrong with not paying for a font.
I think free fonts are a great start for any design. I don’t think I would appreciate the font if it was used more often in the design. It’s a great font you can use as an accent element. It draws just a little attention to itself and the article. It uses Tiempos Headline just occasionally so that it is an interesting design detail that works very well for Pitchfork. Tiempos Headline is the bold serif font used sporadically throughout the Pitchfork website. This definitely helps bring more attention to the typography. Using monotype and Skg100 specifically was a brilliant idea! I’m also a big fan of how simple and minimal the design is. And, it wouldn’t be as powerful of a design if the font was a sans-serif, either. I don’t think the design would be as cool if the font was a serif.Ī serif font is not right for the vibe of this design nor the product they are trying to sell. It is a creative design and font choice because it gives the website a fun and upbeat feel. I think it’s cool and it’s fantastic to see it on Teletype’s website. Usually, I don’t work with designs that can handle a monotype like this. One of my favorites on this list is Skg100, a monotype font. But Trade Gothic is not like that it works well for whatever design purpose. Most fonts are created for a specific goal such as providing designers with a body font. It’s used in buttons in a much smaller font size as well.Ī lot of fonts can’t handle such diversity in practice. They use it in italics for the headings, too. They use it in all-caps for the page titles. It’s a lovely sans-serif font used versatilely in this design. The main font on Method’s website is Trade Gothic.
Specifically, the play between the small, medium, and giant fonts. Moreover, you can also see it as a very light and faded text in the background. The typography here is great. You can see it as a small heading at the top of the much larger serif paragraphs. Signal No1 is the sans-serif font used as an accent in this design. My favorite detail about this page is the balance between typography and layout. I love the Team page design from welikesmall. It still looks fantastic in its own place.
Here, Sofia Pro is not the primary font and that’s okay. Specifically, I am referring to using a sans-serif font as an accent. The site wouldn’t look this good without such strong font choices. One thing that makes this design great are the fonts. Their portfolio is very colorful, interactive, and well-designed. So, I am rather trying to make you use it! This time, I’m showing you the website of wrk, another creative web studio with a fantastic sense of design. The strange thing is that I haven’t yet used it on a production site. The font choice is a cherry on top of this amazing design. This is also partly due to their use of a large and thin serif font, Sang Blue. Their choice of a black and white palette makes the design sophisticated. They were obviously going for a unique and creative vibe. Their art direction is fantastic as well. Femme Fatale is a Parisian creative studio with a killer website and an amazing font. The serif fonts in this article are Sang Bleu. That’s exactly what happened to me as well. The design of Rollpark’s page, including the typography, catches visitors’ attention right after they land on the page. The font looks interesting most landing pages stick to more common fonts. The homepage has a great layout and uses balance well. When I first saw the homepage of Rollpark, I fell in love with their use of Sentinel at once. Actually, it complements it very well, since the rest of the design is modern. Projekcjie, a graphic design conference in Poland, uses the font as an accent on their website and it looks awesome! It doesn’t distract from the rest of the design. The other great thing about the font is its looks. The best part is that it’s completely free and available on Google Fonts. It is a great and elegant serif font-it was my go-to font a few years ago. The first font in the bunch is Playfair Display.
This is a list of 14 different fonts used on 14 different websites. I think seeing live examples of how a font is used on a production site can greatly help creative juices flow.
I hope it will inspire and challenge you to explore a new font in your next – or current – design project. I find the challenge of trying something new and making it work much more appealing. It can be really fun to incorporate the same typeface into various designs. Sometimes I fall head over heels for a font and I don’t stop using it in every design I am involved with at that time. A Collection of Fantastic Fonts to Try in Your Next Design