If you want to grab attention with your web design, you need to make some bold changes. From the hero image, to the hamburger menu, and even the colour palette, many websites out there look similar. And while this is good, because users know from experience, how to navigate and use the website, it doesn’t do anything to grab attention. This is where small changes can make a big difference. One such change is using stacked text. Especially for your headings, or main piece of text, found overlaying the hero image. So what is stacked text? And how can it help your company succeed online? Well, here at Pumpkin Web Design Manchester, we are Manchester’s leading web design experts. We work with companies and businesses across the North West, from Southport to Wigan, to deliver effective web design solutions. As a result, we have produced this guide to stacked text for web design success.
What is stacked text?
So first of all, what exactly is stacked text? Well stacked text is literally text that is stacked on top of one another. More specifically, the words and letters are aligned vertically, directly on top of one another. This can create an interesting visual effect for your website, and help to grab your potential customers attention, immediately. However, there are some decisions you will need to make to be sure that the stacked text will be effective for your web page.
Stacked text for web design success
So how can you make sure stacked text will be effective for your company? Well, you will need to pay special attention to:
- The typeface- you need your website text to be easy to read, and very visual on all devices and screen sizes. This means that you will need to choose a typeface with effective lettering and styling to achieve this. Especially with the letters aligned vertically.
- The size- you will also need to seriously consider the size of your font. Size can be used in stacked text to generate interest and add style to your website. Ascending or descending order is a great choice for three rows of heading text, as this keeps the reader interested and paying attention to what they are reading.
- Choice of words- while replacing your heading with stacked text means you can fit more words into this part of your website, you still need to make sure you don’t use top many. Choose words that are the most important. Don’t add words that aren’t needed. And if you’re in doubt, shorten the sentence again! Less is more with stacked text, as the format gives these words more power.
- Whitespace- if your stacked text needs more emphasis, you should consider increasing the whitespace around the words. This will draw the users attention in towards the text, and encourage them to read the words, rather than skim over them.
- Avoid long descenders- you might choose to use capital letters to keep all your words uniform. Otherwise you will have an issue with long descenders, looking like another letter on the line below. This can be very confusing for users.
For more information about professional web design, get in touch with the experts today, here at Pumpkin Web Design Manchester.