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

Post a comment or question

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s