Prabin tamang

Design for Web Content

Three examples of sites with beautiful typography.


Clagnut By Richard Rutter

Clagnut by Richard Rutter.

Clagnut is a blog website in which Richard often writes about human-centred design, typography, music and cycling. Visual Hierarchy is very important element as you can see in Richard Cutter’s website users can clearly see where to look and the find things that are important.

Richard’s blog website uses F-Pattern Hierarchy as it comes from the reader first scanning a vertical line down the left side of the text looking for keywords or points of interest in the paragraph’s initial sentences. There are also a good amount of white spaces and overall is a very clean homepage. designed and developed by Edoardo Rainoldi. is an online magazine dedicated to young designers. The website has nice typography as it fits the layout which suits the content.

The Typeface used on this site also has a very artistic feel to it as seen in the header section and the strong text on the center of the page. Sans-serif font is also used on the body text as the preferred option for a typeface on screen is a sans serif typeface.

The Futur

The Futur – Business and Design Education, Revolutionized.

The Futur is an online education platform for courses, and tools to help you build better design skills. The website is very simple as only sans-serif is used.

The website has a nice visual hierarchy as the headings are very large. The whitespace used on the website is also very nice as it balances the elements on a page by creating a natural flow for the user to navigate through the content. The website is very colorful and the text colors fit the contrast very well as different colors are used on different sections of the page.

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top