Examples of applied visual hierarchy and design structure

Sample 1

Title: Hijack your life
Designers: Hanna Nilsson, Sofia Østerhus for Byggstudio.

Sample 2

Title: Bookclub Font

Designers: Hanna Nilsson, Sofia Østerhus for Byggstudio.

Both samples take into account the Artistic & Concerned with documentation design approaches, and are sourced from Typomofo – Type Morphing into Forms (pgs 21-22, 94-95).

Sample 1 is an artistic representation of the music, in which all letters are made up of highly detailed figures and objects that make the word ‘Pang’ as a visual pun. It also acts as an invitation where it is a form of documentation. The visual hierarchy is structured so the main heading ‘Pang Musik’ is highly detailed, significantly larger and therefore highly attention grabbing. This contrasts with the invitational information that is quickly handwritten in a near scribble. The smaller text describes the less important information such as a lesser important DJ performing and a reference website.

Similarly, the name of the literary dictionary in Sample 2 is highly decorative and readable, and the rest of the details of the book are smaller. The ‘Bookclub Font’ header goes over four lines splitting up the words, adding a visual pun (books on a shelf) to the text, though it becomes less legible. In comparison Sample 1’s header is more legible, while Sample 2’s detailed informational text is more legible.