Above the fold space in web design is often the key focal point of any website. And it is this space that is often given the most attention by designers and the website users alike. One of the most popular trends for this space is to fill it with a “hero image” that takes up the whole of the screen, and overlay the heading or important text, over the top of this. There is now a popular emerging trend, which involves centering this text both horizontally, and vertically, to be right in the middle of the screen. So is this an effective text position? And what are the considerations when using centered text above the fold in web design? Well, here at Pumpkin Web Design Manchester, we are Manchester’s leading web design professionals. We work with clients and companies across Manchester, and the surrounding areas, including Southport and Wigan, to deliver high quality web design solutions, in a variety of industry sectors. As a result, we have produced this guide to everything you should know about centered above the fold text.
Considerations for using centered text above the fold in web design
So, how can you use this web design trend effectively, to make sure that your above the fold content really stands out? Well, there are some things you should consider, including:
- Choosing the right typography- choose the type of font that will best show off your company or brand persona, and make sure this is easy to read on all screen sizes. If you are using a professional image in the hero space, you should consider using a type face with no flourishes, as this will make it easier to read, and easier to contrast with the image. However, if you are using an illustration or animation, a unique, calligraphy font can be designed to stand out from the page.
- Make it the right size- just because your heading or text is centered, doesn’t mean that people will necessarily stop to pay attention to it. So make sure your text is the right size to attract the attention, and not small enough to ignore. It also needs to be responsive to different screen sizes for the best results for your company.
What are the advantages?
Centering the text horizontally is a common designing choice for the above the fold space. But moving this to be centered vertically too, brings a totally different feel to any website. And this can bring benefits, including:
- Being different- in an online world saturated with above the fold layouts and designs, moving the text just a little is enough to bring something different to your web design, and attract the attention of your users. This is a good way to make sure your website will be memorable.
- Move visual- with the text moved down the page just a little from its usual position, more attention can be given to the hero image itself, which makes your website more visual, and more visually appealing. This could help your website users stay on your page for longer, with more opportunity for sales and sign ups.
For more information or for professional web design support, get in touch with the professionals today, here at Pumpkin Web Design Manchester.