5 top typography tips for your homepage

Bigstock's Brian Masefield reveals some top tips for nailing the typography on your homepage.

Whether it's an ecommerce website or your very own online design portfolio, there's no excuse for a poorly designed homepage. But, if we all tried to express what makes for "a good homepage," it would lead to a litany of design preferences – most often personal ones – versus an in-stone evergreen guide.

There's one element of a homepage, however, that holds some consistent truths from site to site that most of us can agree on. Typography. This post will provide some great tips to nailing down the key essentials to the most effective typography for your homepage.

01. Let the type fit the voice

It's a bit pointless for marketers and analysts to spend any amount of time developing a brand voice for their company if the site experience doesn't echo that voice. Yes, it's critical for your type to be clear, legible, and visible on any device, but it should never look detached from your brand. Or worse, boring.

Typography is a great way to give your brand an added layer of personality. Ensure that your typographical choices make sense for every aspect of your specific brand and industry. For instance, styles and fonts used for the home page of a yoga studio should look very different than ones used for an amusement park.

Acclaimed marketing marvel Ann Handley likes brands to ask themselves, "If you covered your logo, would you recognize yourself from your content alone?" And, the same question can be posed for home page designers to help ensure everything is working together and feels like one unique brand.

02. Don’t fear white space

Full disclosure and transparency can certainly help potential customers and clients get more acquainted with your brand – and quite possibly convert – but it doesn't mean home pages should put it all out there at once.

White space can very often be a designer's best friend

White space can very often be a designer's best friend. Provide your website’s visitors' eyes with some visual relief. Crowded copy can create anxiety, confusion, and even a little distrust in potential customers. Friendly design – which allows for the eye to travel – helps visitors along for a more seamless experience.

03. Be consistent

Guiding customers through a home page experience is no easy feat, so it's critical for brands to keep things consistent. Overloading the page with too many fonts, styles, or colors may have the customer looking for a way out versus looking for your call-to-action button.

Consistency is also important for brand identity, having your company's (or client's) style flow throughout the entire site to provide a complete experience for your visitors. Typographical consistency on your home page, along with good design, initiates your visitors with how they can expect the rest of the site to look.

Always review your homepage in sections, starting with your navigation bar, and work your way down. It should always feel like one cohesive site and customer experience.

04. Less (and fewer) is more

From the UX side of things, typography is critical for the hierarchy and usability of a home page. Keep your fonts simple. Consider how much capitalization should be used, and where. Think about your other marketing assets – emails, for instance – if they are leading users to your home page, do they feel related? They need to.

A good way to ensure your visitors grasp "the important parts" of your homepage is to stick to only using a couple of fonts. The weights and heights of those chosen fonts can – and should - vary where needed (the value props of your service should stand out, for instance), leading to an easy, minimal display, that reads as welcoming, clear, and friendly.

If you're looking to keep things on the safe side in terms of clear readability, it may be best to consider a sans serif font, like Arial 12-point for general online copy, and a sans serif font (Verdana 10-point) for smaller print.

"Keep your fonts simple," says Masefield

05. Mobile, Mobile, Mobile

You knew this was coming, right? Mobile is growing. It just is. We know it to be true, and we need to embrace it. To that end, we must all pay more attention to how the typography of our homepages looks on mobile devices. Carefully consider everything from type and font sizes to line lengths and character counts.

Remember, too, that people are becoming more accustomed to scrolling down through information, so be sure your design and typography are happily working together toward that goal.

Words: Brian Masefield

Brian Masefield is the content marketing and copy manager of Bigstock, an online marketplace for royalty-free photos, vectors, and video. For more design tips, you can follow Bigstock on Twitter.

Like this? Read these...