Simple typography tips for effective web design

Here at Pumpkin Web Design Manchester, we are Manchester’s leading web design professionals. And we work with companies and clients across Greater Manchester, and the North West, to provide high quality, effective, web design solutions. As a result, we have produced these simple typography tips for stunning web design.

Simple typography tips for effective web design

When it comes to typography, it is often the simple tips that can make the most different to the outcome of your website. This is because it’s the simple things that are most often overlooked. And taking a second look, to check over these aspects, can really transform your web design. Our simple typography tips include:

  • size and importance
  • kerning
  • tracking
  • contrast

Size and Importance

This should go without saying, but the largest piece of text on your page needs to be the title of the web page. This is because, for whoever views your website, the largest text will be seen as the most important. And for reader clarity, to help users understand what your website is about, the title needs to stand out from the rest of the text, and be the main focal point.

Your subheadings should all follow a logical hierarchical order, in line with the hierarchy of the associated html heading tags (<h1> through to <h6>). This is important for helping users to pinpoint the relevant pieces of information, and for providing a deeper understanding of the page contents. It’s also necessary for search engines to pick up details about your page that could match a users search query.


While this is sometimes confused with tracking, kerning is a different editing term. Kerning involves adjusting the amount of space between letters. And for high quality, responsive web design, that really stands out on all platforms, this is an essential part of the editing process. Adding just a tiny bit of extra space between each letter in your title can help unique swirly fonts become more legible, and help your title take up more space on the page. This space is extremely important for attracting attention.


Unlike kerning, tracking involves editing the space between a full set of characters. While this can be the title itself, it is usually used to adjust the spacing of a paragraph or a block of text. And this can make a lot of difference to the style and appeal of the website. As additional space makes text so much more readable. Especially on a mobile device.


Finally, one of the most simple typography tips for stunning web design, is to check the contrast.The colour you choose for your typography needs to contrast well with the background of your website. This is imperative for the titles, subheadings and paragraphs, because text without contrast is a challenge to read. That’s why dark text on a light background, or vice versa, is the most popular option. And there are literally thousands of colour combinations that can work together to create the perfect contrast.

For more information or advice about¬†typography and web design, or for professional web design support, get in touch with Manchester’s experts today, here at Pumpkin Web Design Manchester.

Pumpkin Web Design Ltd is a small and highly results driven digital agency working for like minded clients in Preston, Manchester, Chorley, Southport, Blackburn, Wigan and the UK. Our services include web design, SEO, content marketing, video production, brand design and much more.