How to format text

Colour

Choose a colour with sufficient contrast between text and background. Dark text on a light background works best. White text on a black background is tiring to read.
Avoid colour for text unless it’s a link.

Type size

Make it bigger!
Designers prefer small type because it doesn’t need a lot of space. But your users need to read the content. Type generally needs to be larger on screen than on paper.

Use a type size for the body text between 10 and 14 points. You can even make it bigger if possible. Remember that users have different screens and a lot of people use a small notebook with a 13- or 15-inch monitor.

Different font sizes for heading 1, heading 2 and paragraph

Hierarchy

Your content needs a hierarchy with different levels of text. When scanning the page it must be instantly clear what’s a heading, a section subhead, a body text or a link. Use not more than two levels for headings.

Headings should be larger than the body text. Vary the type size to bring a hierarchy into your content:

  • Level-one heading: 150% of the regular text
  • Level-two headings: 125% of the regular text
  • Body text: regular text

Related links

Advertisements

Blue

Tranquil and reliable

Blue is a very balanced colour. It conjures up thoughts of sympathy, harmony, friendship and confidence. Blue is the opposite of red. It’s the most popular colour and the colour most preferred by men.

Positive

  • Blue is the colour of the sky and the water. It puts us in an airy, tranquil mood and gives us the feeling that we can go with the flow.
  • Blue evokes confidence. It’s associated with constancy and reliability.
  • Blue has a cooling and tranquilizing effect.
  • Blue is related with serenity and peace.
  • Blue is wide, open and endless. It opens our mind, and advances productivity.

Negative

  • Blue it not an appetizing colour. Don’t use it for food pages.
  • Blue is not a warm, heart-opening colour.
  • Blue can make us feel sad and depressive.

Where to use

  • Blue is often used for links (in various shades).
  • Blue is often used in company websites to evoke reliability.
  • Blue can give a professional and trustworthy look to your website.

Related links