How to format text


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


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