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 everything you should know about using stacked text in web design.
What is stacked text in web design?
In web design, stacked text refers to the practice of positioning words so that they are directly vertically aligned, one on top of the other. Letters from each word in the stack should align on top of each other for an impressive visual effect. This is used only for above the fold content, as well as headings and titles in web design, as otherwise the stacked text for regular paragraphs would be difficult to read.
What are the important considerations for using stacked text in web design?
To make sure that your stacked text is a great addition to your website, you should consider:
- Type of font- for stacked text to be easy to read on all devices and screen sizes, it needs to be a sans serif font. This is a plain style of font, with no swirls or flourishes between letters. This will allow each letter, and the whole word, to be easy to read, and prevent confusion.
- Space between each letter and word- the space between each letter is important as each letter should be easy to read, even with just a glance. Letters that run into each other can change the overall shape, and this will alter hat your potential customers and clients read, when they look at your title. Space between the lines of stacked text, between the words, also needs to be considered. While text can stack directly, with no line spacing between words, you can also use a small gap for clarity. This is probably the best option, especially for your mobile users.
- The colour of the text- the text needs to be easily distinguished from the background colour, and it also needs to be bright obvious and eye catching. Using obscured typography with typed text for example can make it very difficult to read. You can even choose to alternate colours for each line of staked text for a bold, quirky result.
- Choosing capital letters– 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.
- The size of the text– stacked text may need to be made larger than the size you would have normally used. This is because, because of the positioning of the text, you want to use all techniques to increase legibility, and increasing the size usually has the right effect.
For more information about professional web design, get in touch with the experts today, here at Pumpkin Web Design Manchester.