Are you involved in approving the design of marketing material? Knowing some solid facts and figures about legibility will help you keep your creative team on track.

Legibility is good design

Are you involved in approving the design of marketing material? Knowing some solid facts and figures about legibility will help you keep creative people on track.


Fonts are divided into two main categories – Serif vs San-serif typefaces. Serif typefaces have “short lines” at the end of the letters (i.e. serifs); San-serif typefaces are the modern faces, and do not have them.

Serif faces work best for legible print – people are used to reading newspapers and books which have serif faces. The serifs in fact help the eye to define the letters quickly. I always you serifs on long, technical documents. I prefer a serif typeface on my Kindle, even though it is an electronic device.

San-serif faces work best in electronic media – websites and presentations. This is because serifs tends to be curves – and diagonals on screen become jagged. The more “square” the typeface (like Tahoma), usually the better it looks on screen.  In print, san-serif typefaces are associated with elegance and technology.

There is a compromise – Slab. My headlines are in a “slab” font. It has serifs that make it easy to read. But the 90 degree angles of the serifs make it legible on screens.


Use graphics: 98% of people start reading from a photograph. Therefore don’t confuse the reader – have one dominant image on a page. Don’t waste audience interest on meaningless stock graphics in key areas. Yes, a world map is cool, but unless it says something about your company it’s a waste of that all-too-short reader attention span.

Captions are the second-most important object; say something interesting (and preferably about your core competence) in the caption. But don’t be obvious – tell him something more than what he can see for himself.

Subheads and bold text help the reader along and keep him reading – make them interesting. Quotes (in boxes or different colour/size text) also add interest.

White space illuminates the story – don’t “fill it in” with words and photographs. Build white space into your design.

Don’t ignore gravity. Layouts, like books, should move from top left to bottom right. Most humans are used to that direction. We like it that way. So keep to the same principles in your design. But if you market in the far east, or Israel, you may have to adapt to some new directions.

Be consistent: whatever colours, fonts, text sizes, banners, borders and justification you choose, keep it the same throughout the publication or website unless there is a good reason for changing it. I always use templates to ensure consistency.


Don’t use too many colours – less is best. And don’t use colour for its own sake with bullets, rules, bars etc. It is not there to decorate the page – it is there to sharpen the message.

Use colour to link separate elements. See how I used the blue headlines in the text – it helps to create a cohesive design.

White space. Any colour should be surrounded by plenty of white (or in a website, the background colour) to bring it out. The larger the tinted background area, the lighter the tint should be and the bigger/bolder the type on top of it.

Headlines – if you’re really looking for readability, use charcoal on white – it is not too contrasty. Be careful of colours that “vibrate” together such as orange with royal blue, or red with emerald green.

Avoid mixing pastels (or muted colours) with bright primaries – it seldom works. And even if your personal taste runs to the exotic, remember your readers or viewers may be more traditional.

Website specific design issues

Your website statistics will tell you what devices your readers are using to view your website.

Scrolling pages

If your website is usually viewed on a desktop, scrolling is less user friendly. Big websites often have a minimalist front page, and very well-structured content in menus.

Tablets and mobile phones are easier to scroll than to click on tiny buttons. If your website is more likely to be viewed on a mobile phone you can use long scrolling pages and giant buttons.

Responsive Design

A website is responsive if it “restructures” to fit every type of screen from a cell phone, to a tablet to a large desktop. Most responsive designs are on interactive websites, and they are something of an art form.

Talking about mobile – always put your contact information at the very top so the guy struggling to find your address on his mobile phone while driving doesn’t take his eyes off the road for too long!

Website colours

Keep your photographs small and well compressed. You wouldn’t believe how long 10 seconds “official” downloading time feels on a slow South African Internet line!

What about animation?

Animation can be very cool when it is used subtly to draw attention to a call to action. Animation is really annoying when it is gratuitous, irrelevant and slow.  It is frustrating to “chase” a graphic moving around the screen to navigate to a section of the website.

To date, I have seen little marketing benefit to having your logo turn somersaults. I doubt if it improves legibility, convenience or memorability. But animation has its place to show off a 3D part or motor car from several angles. And it can draw attention to an important area of your webpage.

Digital marketing combines daunting list of disciplines and skills: programming, graphic design, consumer psychology, market research, copywriting, customer relations, email marketing… contact me on for assistance.

Share on facebook
Share on google
Share on twitter
Share on linkedin

There's more to explore...