Here at Pumpkin Web Design Manchester, we are Manchester’s leading web design and web marketing experts. We work with companies and businesses across the North West, from Southport to Wigan, to provide effective, and successful web design solutions. As a result, we have produced this guide to everything you should know about using word breaks effectively for website header typography.
What are word breaks?
Word breaks involve the deliberate breaking of longer words into two parts, which may or may not be equal or even. These are usually used when the word is too long to fit neatly onto the area of the screen that you want to use, or for dramatic visual impact.
What are the considerations for using word breaks for website header typography?
There are a number of considerations to bear in mind if you are using a deliberate word break for your heading typography. These considerations include:
- The style of the typography- some styles of typography are better suited to word breaks than others. Calligraphy styles and handwriting fonts are more difficult to read in general, and breaking this style of font into two sections can make the content even more challenging. On the other hand, wide or oversized fonts in a sans serif style can be split into two sections much more effectively. You could also consider an outline font style for this too.
- The colour of the font- splitting a word into two sections can make the design of the text more challenging so it’s important to ensure that the font is visible and that each letter is well defined. As part of this you should consider the colour. Choosing a contrasting colour can help the text to stand out from the background and be more noticeable while also allowing the letters individually to stand out, increasing the legibility of the word in general.
What are the advantages of using word breaks for website header typography?
There are a number of advantages and benefits to using word breaks for website headers. These advantages include:
- Instantly grabbing attention- the design of text that is split in two will instantly grab the attention and interest of your website users drawing the eye to that part of the screen and ensuring that your text is read and not skipped over. However, for this to be effective you will need to ensure that the font is legible.
- Defining your company branding- using a word break for header text can help to define and establish your company branding, by showing the style of your company persona and showcasing this as soon as the website loads.
- Setting your company apart- using a word break for your header text can help to showcase the individuality of your company as this is a design style that your competitors may not be using. This allows your website to stand out from others and ultimately become more memorable.
For more information or advice, or for high quality, professional web design solutions, get in touch with the experts today, here at Pumpkin Web Design Manchester.