Typography Hierarchy

Home Blog Typography Hierarchy

Hierarchy in Typography


Wait, what?

You probably have heard of the word ‘Typography’ and ‘Hierarchy’ but what does it mean when you put them together? To keep it simple, it refers to the way you organize and arranges your text so that the reader’s eye can easily navigate the content. Typography hierarchy can be achieved by making use of the variation of font choice, size, type weight, color and/or placement of type.


So how can I create an effective hierarchy?


It may not be easy to master the skill right away. But keep in mind these three levels of typography hierarchy and you should be on the right track!

  • Level One: At this hierarchy level, your typography should be the most immediate visible typographic element – the most important message you wish to capture your reader’s attention.
  • Level Two: Your text elements at this level is commonly used to help organized your design into sections. They are prominent enough to inform your readers that they are looking at a different parts of the design, but they do not stand out as much as your level one element.
  • Level Three: This is where your heavy text comes in. The font size used here will be likely smaller as compared to the other two levels. Therefore, it should be easy to read regardless the length of your text content.V



It was mentioned earlier in this article how we can achieve typography hierarchy by using the variation of font types and colors. Below are some examples that may help you understand more:

Zero Hierarchy

Usage of Font Size and Weights

Usage of Color

Usage of Different Fonts

Hope the above tips may help you in your design!

Related Posts