One of the most important techniques for effectively communicating (or “honouring”) content is the use of typographic hierarchy.

Typographic hierarchy is a system for organising type that establishes an order of importance within the content, allowing the reader to easily find what they are looking for and navigate.

It helps guide the reader’s eye to where a section begins and ends, whilst enabling the user to isolate certain information based on the consistent use of style throughout a body of text.

There are a few basic methods for establishing a visual typographic hierarchy:


This is the easiest and most common method for establishing hierarchy. Headings, sub headings and text should have different sizes.


Our typefaces have been chosen to use bolder weights of fonts to help separate headings, sub headings and text.


Colour plays a big role in what our eye sees as primary and secondary. Colours can be used to separate headings, sub headings and text.


Where sections of information are positioned in relationship to each other can establish a hierarchy.


These methods can be most effective when used in combination with one another. This is the fun part – deciding what combination is right for your content and layout!

Spacing Matters

One of the most important concepts in type design is spacing.

Proper typographic spacing is critical in establishing hierarchy; it can make the difference between confusion and clarity. It is used in the majority of hierarchical systems.

The rule of proximity in design generally states that related items should appear closer to each other than items that are not related. However, proper spacing involves more than just a hard return between sections of type.

Generally, a hard return creates too much space between content in the context of a paragraph. Paragraph spacing – either before or after – should be used.

White space

Another key concept is white space.

Don’t be afraid of it, it helps to create heirarchy and improve usability.

Embrace the white space.