A, B, C …

TYPOGRAPHY TIPS FOR YOUR WEB STORY – PART I

OVERALL RULE

Establish beautiful fonts and hierarchy to guide the eyes of the readers through your story.

We start with three basic rules of thumb.

1. AVOID WALLS OF TEXT

Try to stay within approx. 200 characters per page.

2. MAKE SURE TEXT IS VISIBLE

Avoid too small font size or too little color contrast.

3. LET MULTIMEDIA DO THE TALKING

Image or video should say the important thing. Text is bonus. 

BASIC TYPOGRAPHIC TOOLKIT

1. Style

2. Layout

STYLE: THE RIGHT FONT FAMILY

The easiest way to change what the text looks like. There are some broad characteristics:

Fonts with serifs

Fonts without serifs

Cursive fonts

Monospaced fonts

The choice of font can make a reader feel different in the moment even though the words are the same!

TRAIN RIDE TO BUSAN

Train ride to Busan

What a lovely influencer trip.

This ride seems to be a scary adventure.

Get a more pronounced effect by selecting the right font in a font family. For example:

Condensed styles for headlines.

Thin styles for an elegant feeling.

LAYOUT: THE ALIGNMENT

Justify: Often works only well for columns, so use it sparingly.

Center: Works well for specific short texts like poems or greetings.

Right: Works well, when you position your text on the right side.

Left: Works well, when you position your text on the left side.

Ability to flush text.

MORE ON YOUTUBE

There is much more to learn about layouts, e.g. letter spacing and line spacing. Watch the full video on our Web Creators channel.