Web design is so much about typography. This idea grabbed my attention after reading the article and the follow-up to it.
And since then, I try to be very attentive to what I see and read on my screen. And actually WHY do I read some articles and posts till the end and swipe out the others. Typography is not about choosing fonts. It’s about helping the reader and enhancing the content. It’s about making the text look that seamless and easy to read. The content, not the fancy typeface is the leader.
Our task for this week’s blog post was about finding examples of good typography usage in web design and here is what I came up with.
nextrembrandt.com
I love how the designer played with typography and the overall layout of the page. The font combination and symmetrical composition give a strong feeling of classical typography, the inner pages of the site look like we are reading a book, not a website. The proportions and typesetting look elegant and beautifully balanced.
openweb.com
My second example is the website of OpenWeb. I love the simplicity of the colour scheme with black font on warm grey background with pops of electric blue. It reminds me of a newspaper aesthetic (the paper ones, not their online versions). The layout is clean and simple, one serif font is used for both headings and body text and looks modern and elegant. The site shows a good usage of white space and looks very lightweight.
tretyakovgallery.ru
The third example I chose is in my mother language – Russian. I have to admit that the perception of the typography can be influenced by the letterforms which are more common in the particular language. Text in Cyrillic and the same text in English will look visually different, the length of the lines and the number of words in the same phrase may differ dramatically. In this example of a recently redesigned site of a State Tretyakov Gallery, I love the font combination and the usage of white space around the text blocks. The site gives a conservative (as it’s a classic art museum) yet modern impression.