Smashing Magazine<\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/1.-SmashingMagazine-1024x530.jpg\")
<\/figure>\n\n\n\nSmashing Magazine is among the best 3 web publications for web and graphic designers, and for developers. And not since now, but almost from their very first start in 2006.<\/p>\n\n\n\n
The writers that collaborate with this publication are experts in their fields, and the articles that they provide are always complete, with all the information you need. If you are not an expert, you cannot publish content here.<\/p>\n\n\n\n
Of course, this publication is using typography right, everything is perfect on their website.<\/p>\n\n\n\n
The content is easy to read, and the overall design is very pleasant.<\/p>\n\n\n\n
For the headlines, they use Mija bold<\/a> and for the paragraphs they use Elena.<\/p>\n\n\n\nAndre.work<\/a><\/strong><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/2.-Andre.work-website-1024x542.jpg\")
<\/figure>\n\n\n\nAndre do Amara has a superb website where he combined extremely well the minimalist design with super bold, large headlines.<\/p>\n\n\n\n
He uses Helvetica<\/a>, a common font, but just take a look at his website design, it is awesome.<\/p>\n\n\n\nWikipedia<\/strong><\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/3.-Wikipedia-1024x498.jpg\")
<\/figure>\n\n\n\nWikipedia is a super popular website that helps people from all over the world find information about pretty much everything.<\/p>\n\n\n\n
How many unique visitors per month? \u201cOnly\u201d 5.78 billion, not so much, right? \ud83d\ude42<\/p>\n\n\n\n
This website relies heavily on textual content, so typography play here even a bigger role.<\/p>\n\n\n\n
The used fonts are very well balanced, always have the right size difference to understand the prioritization concept in design, and the colors help us understand where are links and where are not.<\/p>\n\n\n\n
Wikipedia uses a Sans Serif font.<\/p>\n\n\n\n
Google<\/strong><\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/4.-Google-homepage-1024x491.jpg\")
<\/figure>\n\n\n\nGoogle is another great example of a textual content website.<\/p>\n\n\n\n
When you search on Google, you get a results page that is almost based only on typography.<\/p>\n\n\n\n
Each result has a good distance between each other, and the font is used in different colors and sizes to help us see better the results and the info about them.<\/p>\n\n\n\n
Inspiration come usually from simple places; Google is a great example. Why \u201crun\u201d after who knows what inspiring examples when you can simply see what a website with over 81 billion unique visitors each month is doing right?<\/p>\n\n\n\n
They use Arial<\/a>.<\/p>\n\n\n\nClick Funnels<\/strong><\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/5.-Click-Funnels-1024x909.jpg\")
<\/figure>\n\n\n\nClick Funnels is the kind of website that adopted the long text marketing approach. But they did it right.<\/p>\n\n\n\n
Some websites using this approach are writing tons of texts that are very hard to read and follow.<\/p>\n\n\n\n
The designer used pretty small headlines with colors that already present in the design, and paragraphs that are easy to read. Simple design rules that make a website look great.<\/p>\n\n\n\n
They use Source Sans Pro<\/a> and Helvetica.<\/p>\n\n\n\nSell Like Crazy \u2013 book website<\/strong><\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/6.-Sell-Like-Crazy-Book-1024x804.jpg\")
<\/figure>\n\n\n\nEven as I am not a huge fan of the aggressive approach in advertising, this website is using typography extremely well to make you buy the book.<\/p>\n\n\n\n
They use bold headlines with right letter and line distancing, the right font for easy to read paragraphs, and the right colors.<\/p>\n\n\n\n
Sabri (the writer) uses Barlow<\/a> for headlines and Sanso Sans<\/a> for paragraphs.<\/p>\n\n\n\nNurture Digital<\/strong><\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/7.-Nurture-Digital-1024x517.jpg\")
<\/figure>\n\n\n\nIn the left part of their homepage, they built a huge N (the first letter from their brand) and created a video inside. Clever idea that transforms their homepage in a super attractive design.<\/p>\n\n\n\n
But wait, on each page they used a letter and inside a video. Way cooler than I initially thought.<\/p>\n\n\n\n
They even explain how the blend mask was created.<\/p>\n\n\n\n
Congrats guys, you rock!<\/p>\n\n\n\n
The website is using Abril Fatface<\/a> for the large headlines and Aktiv Grotesk<\/a> for the paragraphs.<\/p>\n\n\n\nHauska<\/strong><\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/8.-Hauska-creative-boutique-1024x530.jpg\")
<\/figure>\n\n\n\nNext stop, South Korea.<\/p>\n\n\n\n
Hauska use typography at its best combined with a minimalist design.<\/p>\n\n\n\n
The result? An impressive homepage with clear design prioritization \u2013 the headline is clear the message of the website.<\/p>\n\n\n\n
They use Inter<\/a> for the large headline.<\/p>\n\n\n\nUSSR Design Almanac<\/strong><\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/9.-USSR-Design-Almanac-1024x516.jpg\")
<\/figure>\n\n\n\nThis website is extremely interesting from 2 points of view.<\/p>\n\n\n\n
First, the website is the design almanac of the Soviet Union. Here we can find some of the best works made in the USSR are collected: cars, photos, architecture, graphic design and much more.<\/p>\n\n\n\n
The second is the typography. They don\u2019t respect any rule, they use all kind of fonts, sizes, colors, line and letter distancing. In just a few words, they break all the rules. But it works for this website.<\/p>\n\n\n\n
They use Aeonik<\/a> for the paragraphs.<\/p>\n\n\n\nPassione<\/strong><\/a><\/h4>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/10.-Passionevino.co_.uk_-1024x533.jpg\")
<\/figure>\n\n\n\nA homepage made only by using typography. How does it look? Awesome.<\/p>\n\n\n\n
They wanted you to know that they deliver nationwide, this is the single message you should get from this page. Did it work? Be sure of that.<\/p>\n\n\n\n
In the headline they use 2 fonts, Laica B<\/a> and Nuckle<\/a>.<\/p>\n\n\n\nHow did I identify fonts in all these websites?<\/strong><\/h2>\n\n\n\nIt is super simple to identify fonts from websites and even from pictures, you probably know it, right?<\/p>\n\n\n\n
To identify fonts from websites, you have to install the Font Identifier by WhatFontIs. It is a Chrome Extension that you can get from here<\/a>. It is free, super-efficient, and simple to use.<\/p>\n\n\n\n![\"\"](\"https:\/\/www.whatfontis.com\/blog\/wp-content\/uploads\/2020\/05\/WhatFontIs-1024x449.jpg\")
<\/figure>\n\n\n\nYou click the icon in the upper right part of your browser and then you simply hover with the mouse the font you want identified. It will even help you with 60 alternative fonts with a click of a button.<\/p>\n\n\n\n
Conclusions<\/strong><\/h2>\n\n\n\nUsing typography right is not optional if you want high-converting and great-looking websites.<\/p>\n\n\n\n
All these 10 websites are using it right and that is why all are having super successful, each in its field.<\/p>\n\n\n\n
<\/figure>\n\n\n\nSmashing Magazine is among the best 3 web publications for web and graphic designers, and for developers. And not since now, but almost from their very first start in 2006.<\/p>\n\n\n\n
The writers that collaborate with this publication are experts in their fields, and the articles that they provide are always complete, with all the information you need. If you are not an expert, you cannot publish content here.<\/p>\n\n\n\n
Of course, this publication is using typography right, everything is perfect on their website.<\/p>\n\n\n\n
The content is easy to read, and the overall design is very pleasant.<\/p>\n\n\n\n
For the headlines, they use Mija bold<\/a> and for the paragraphs they use Elena.<\/p>\n\n\n\n Andre do Amara has a superb website where he combined extremely well the minimalist design with super bold, large headlines.<\/p>\n\n\n\n He uses Helvetica<\/a>, a common font, but just take a look at his website design, it is awesome.<\/p>\n\n\n\n Wikipedia is a super popular website that helps people from all over the world find information about pretty much everything.<\/p>\n\n\n\n How many unique visitors per month? \u201cOnly\u201d 5.78 billion, not so much, right? \ud83d\ude42<\/p>\n\n\n\n This website relies heavily on textual content, so typography play here even a bigger role.<\/p>\n\n\n\n The used fonts are very well balanced, always have the right size difference to understand the prioritization concept in design, and the colors help us understand where are links and where are not.<\/p>\n\n\n\n Wikipedia uses a Sans Serif font.<\/p>\n\n\n\n Google is another great example of a textual content website.<\/p>\n\n\n\n When you search on Google, you get a results page that is almost based only on typography.<\/p>\n\n\n\n Each result has a good distance between each other, and the font is used in different colors and sizes to help us see better the results and the info about them.<\/p>\n\n\n\n Inspiration come usually from simple places; Google is a great example. Why \u201crun\u201d after who knows what inspiring examples when you can simply see what a website with over 81 billion unique visitors each month is doing right?<\/p>\n\n\n\n They use Arial<\/a>.<\/p>\n\n\n\n Click Funnels is the kind of website that adopted the long text marketing approach. But they did it right.<\/p>\n\n\n\n Some websites using this approach are writing tons of texts that are very hard to read and follow.<\/p>\n\n\n\n The designer used pretty small headlines with colors that already present in the design, and paragraphs that are easy to read. Simple design rules that make a website look great.<\/p>\n\n\n\n They use Source Sans Pro<\/a> and Helvetica.<\/p>\n\n\n\n Even as I am not a huge fan of the aggressive approach in advertising, this website is using typography extremely well to make you buy the book.<\/p>\n\n\n\n They use bold headlines with right letter and line distancing, the right font for easy to read paragraphs, and the right colors.<\/p>\n\n\n\n Sabri (the writer) uses Barlow<\/a> for headlines and Sanso Sans<\/a> for paragraphs.<\/p>\n\n\n\n In the left part of their homepage, they built a huge N (the first letter from their brand) and created a video inside. Clever idea that transforms their homepage in a super attractive design.<\/p>\n\n\n\n But wait, on each page they used a letter and inside a video. Way cooler than I initially thought.<\/p>\n\n\n\n They even explain how the blend mask was created.<\/p>\n\n\n\n Congrats guys, you rock!<\/p>\n\n\n\n The website is using Abril Fatface<\/a> for the large headlines and Aktiv Grotesk<\/a> for the paragraphs.<\/p>\n\n\n\n Next stop, South Korea.<\/p>\n\n\n\n Hauska use typography at its best combined with a minimalist design.<\/p>\n\n\n\n They use Inter<\/a> for the large headline.<\/p>\n\n\n\n This website is extremely interesting from 2 points of view.<\/p>\n\n\n\n First, the website is the design almanac of the Soviet Union. Here we can find some of the best works made in the USSR are collected: cars, photos, architecture, graphic design and much more.<\/p>\n\n\n\n The second is the typography. They don\u2019t respect any rule, they use all kind of fonts, sizes, colors, line and letter distancing. In just a few words, they break all the rules. But it works for this website.<\/p>\n\n\n\n They use Aeonik<\/a> for the paragraphs.<\/p>\n\n\n\n A homepage made only by using typography. How does it look? Awesome.<\/p>\n\n\n\n They wanted you to know that they deliver nationwide, this is the single message you should get from this page. Did it work? Be sure of that.<\/p>\n\n\n\n In the headline they use 2 fonts, Laica B<\/a> and Nuckle<\/a>.<\/p>\n\n\n\n It is super simple to identify fonts from websites and even from pictures, you probably know it, right?<\/p>\n\n\n\n To identify fonts from websites, you have to install the Font Identifier by WhatFontIs. It is a Chrome Extension that you can get from here<\/a>. It is free, super-efficient, and simple to use.<\/p>\n\n\n\n You click the icon in the upper right part of your browser and then you simply hover with the mouse the font you want identified. It will even help you with 60 alternative fonts with a click of a button.<\/p>\n\n\n\n Using typography right is not optional if you want high-converting and great-looking websites.<\/p>\n\n\n\n All these 10 websites are using it right and that is why all are having super successful, each in its field.<\/p>\n\n\n\nAndre.work<\/a><\/strong><\/h4>\n\n\n\n
<\/figure>\n\n\n\nWikipedia<\/strong><\/a><\/h4>\n\n\n\n
<\/figure>\n\n\n\nGoogle<\/strong><\/a><\/h4>\n\n\n\n
<\/figure>\n\n\n\nClick Funnels<\/strong><\/a><\/h4>\n\n\n\n
<\/figure>\n\n\n\nSell Like Crazy \u2013 book website<\/strong><\/a><\/h4>\n\n\n\n
<\/figure>\n\n\n\nNurture Digital<\/strong><\/a><\/h4>\n\n\n\n
<\/figure>\n\n\n\nHauska<\/strong><\/a><\/h4>\n\n\n\n
<\/figure>\n\n\n\n
The result? An impressive homepage with clear design prioritization \u2013 the headline is clear the message of the website.<\/p>\n\n\n\nUSSR Design Almanac<\/strong><\/a><\/h4>\n\n\n\n
<\/figure>\n\n\n\nPassione<\/strong><\/a><\/h4>\n\n\n\n
<\/figure>\n\n\n\nHow did I identify fonts in all these websites?<\/strong><\/h2>\n\n\n\n
<\/figure>\n\n\n\nConclusions<\/strong><\/h2>\n\n\n\n