Advanced Typography Final Compilation

21.04.2025 - 14.07.2025 (Week 1 - Week 13)
Task (Exercises / Task)
Advanced Typography / Bachelor of Design in Creative Media
Emily Ong Su Yu / 0365304   

Table of Contents

Advanced Typography final compilation

Instructions

Module Information Booklet

Figure 1.1 Module Information Booklet. (Week 1 22/04/25)

Compilation of Task 1

Typographic System

Axial System

Figure 2.1.1 Final Axial System - JPEG. (Week 3 06/05/25)

Radial System

Figure 2.1.2 Final Radial System - JPEG. (Week 3 06/05/25)

Dilatational Advanced Typography Task 1

Figure 2.1.3 Final Dilatation System - JPEG. (Week 3 06/05/25)

Bilateral System

Advanced Typography Task 1

Figure 2.1.4 Final Bilateral System - JPEG. (Week 3 06/05/25)

Random System


Figure 2.1.5 Final Random System - JPEG. (Week 3 06/05/25)

Transitional System


Figure 2.1.6 Final Transitional System - JPEG. (Week 3 06/05/25)

Modular System



Figure 2.1.7 Final Modular System - JPEG. (Week 3 06/05/25)

Grid System

Figure 2.1.8 Final Grid System - JPEG. (Week 3 06/05/25)

Typographic System without Guideline in PDF

Figure 2.1.9 Final Task 1 Typographic System - PDF (Week 3 06/05/25)

Typographic System with Grids & Guides in PDF

Figure 2.1.10 Final Task 1 Typographic System with Grids & Guides - PDF (Week 3 06/05/25)

Final 8 Typographic System

Figure 2.1.11 Final Task 1 Typographic System Compiled - JPEG (Week 3 06/05/25)

Font Develop

Figure 2.1.12 Progress developing fonts #2. (Week 4 14/05/25)

Typographic System

Final Movie Poster in JPEG

Figure 2.2.1 Final Movie Poster - JPEG. (Week 4 17/05/25)

Final Movie Poster in PDF

Figure 2.2.2 Final Movie Poster - PDF. (Week 4 17/05/25)

Compilation of Task 2

Key Artwork

Black Wordmark on White Background

Image 1

Figure 3.1.1 Black Wordmark on White Background - JPEG. (Week 8 17/06/25)

White Wordmark on Black Background

Image 2

Figure 3.1.2 White Wordmark on Black Background - JPEG. (Week 8 17/06/25)

Colour palette

Image 3

Figure 3.1.3 Colour palette - JPEG. (Week 8 17/06/25)

Wordmark in Actual Colours on Lightest Shade of Colour Palette

Image 4

Figure 3.1.4 Wordmark in Actual Colours on Lightest Shade of Colour Palette - JPEG. (Week 8 17/06/25)

Wordmark in Lightest Shade of Colour Palette on Darkest Shade of Colour Palette 

Image 5

Figure 3.1.5 Wordmark in Lightest Shade of Colour Palette on Darkest Shade of Colour Palette - JPEG. (Week 8 17/06/25)

Workmark in PDF

Figure 3.1.6 Task 2(A) Key Artwork - PDF. (Week 8 17/06/25)

Workmark Animation in GIF

GIF 4

Figure 3.1.7 Wordmark Animation - GIF. (Week 8 17/06/25)

Collateral

Sticker Mockup

Image 1

Figure 3.2.1 Collateral Product #1 - JPEG. (Week 8 17/06/25)

Totebag Mockup

Image 2

Figure 3.2.2 Collateral Product #2 - JPEG. (Week 8 17/06/25)

CDs Mockup

Vinyl Record and CD MockUp

Figure 3.2.3 Collateral Product #3 - JPEG. (Week 8 17/06/25)

Compilation of Key Artwork and Collateral in PDF

Figure 3.2.4 Task 2(B) Key Artwork and Collateral - PDF. (Week 8 17/06/25)

 IG Featuring 9 Tiles

Framed Image

Figure 3.2.4 IG Featuring 9 Tiles - JPEG. (Week 8 17/06/25)

IG Link: https://www.instagram.com/emily_by_mily?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==


Compilation of Task 3

Uppercase and Lowercase

Uppercase and Lowercase

Figure 4.1.1 Uppercase and Lowercase - PDF. (Week 13 15/07/25)

Font Download Link: Lithewood

FontLab Screen Grab

Screengrab
Typo Test 2
Figure 4.1.1 Uppercase and Lowercase - PDF. (Week 12 10/07/25)

Font Formation

Font Formation #1
Font Formation 0
Figure 4.1 Font Formation #1 – JPEG. (Week 13 12/07/25)
Font Formation #2
Font Formation 1
Figure 4.2 Font Formation #2 – JPEG. (Week 13 12/07/25)
Font Formation #3
Font Formation 2
Figure 4.3 Font Formation #3 – JPEG. (Week 13 12/07/25)
Font Formation #4
Font Formation 3
Figure 4.4 Font Formation #4 – JPEG. (Week 13 12/07/25)
Font Formation #5
Font Formation 4
Figure 4.5 Font Formation #5 – JPEG. (Week 13 12/07/25)

Font Application

Website Mockup
Font Formation 3
Figure 4.6 Font Application #1 – JPEG. (Week 14 18/07/25)

Apple Watch Mock Up
Font Formation 3

Figure 4.7 Font Application #2 – JPEG. (Week 14 18/07/25)

Hot Paper Cup Mock Up

Font Formation 3
Figure 4.8 Font Application #3 – JPEG. (Week 14 18/07/25)

Landscape Brochure Mock Up
Font Formation 3
Figure 4.9 Font Application #4 – JPEG. (Week 14 18/07/25)

Book Mock Up
Font Formation 3
Figure 4.10 Font Application #5 – JPEG. (Week 14 18/07/25)

Figure 4.1.1 Compilation of Font Formation and Font Application- PDF. (Week 14 19/07/25)

Honor Standby Design

Clock Design
Standby 1
Figure 4.11.1 Font Application #Final Honor Clock Standby Design – JPEG. (Week 14 18/07/25)

Personalized Signature Design
Standby Copy
Figure 4.11.2 Font Application #Final Honor Personalised Standby Design – JPEG. (Week 14 18/07/25)

Overall Visual DesignStandby 3
Figure 4.11.3 Font Application #Final Honor Overall Visual Design – JPEG. (Week 14 18/07/25)

Animation Design
GIF Animation
Figure 4.11.4 Font Application #Final Honor Animation Design – GIF (Week 14 20/07/25)
Design Elaboration

Figure 4.1.1 Design Elaboration(Week 14 21/07/25)

Receipt of SubmissionStyled Image

Figure 4.1.1 Receipt of Submission. (Week 14 21/07/25)

Font Test

Clock

Loading...
85%
Overlay Animation

Text

Type here...

This is a demo of the Lithewood font designed and developed by Emily that allow viewers to adjust the sliders below to explore the font’s spacing and sizing visually.


Reflections

Experience

I've learnt so much about typography over the last fourteen weeks, from designing compilations to developing fonts. Although some tasks were difficult, they pushed me to learn new skills and strengthen my design thinking. The first task is about Typographic Systems and Type & Play. I place letterforms on art boards and take elements from jellyfish to create a word font. The second task is Key Artwork and Collateral. The first exercise's purpose was to create a wordmark about ourselves, and the second exercise focused on IG design and collateral by creating an Instagram account and uploading the designs and wordmark to various products. The final task is Type Exploration & Application. I continue developing my font from the previous task in the Typography module and utilise it for font formation, font application, and Honour Standby Design.

Observation    

I found that typography is more than just about choosing fonts, but also about understanding their purpose, placement, and how they interact with design elements. Through the tasks, I learnt how typography may convey mood, identity, and hierarchy. For example, while designing the jellyfish-inspired letterforms, I noticed how organic shapes may affect the mood of typography. I also noted that many storybooks or children's books lack distinctive fonts that represent the narrative tone and imagination of children, which piqued my curiosity in developing expressive typefaces in the future. In addition, while uploading my designs to the blog, I learnt how to make a digital clock that moves in real time, which provided a dynamic element to my page and helped me better grasp interactive components in typographic display.

Findings

I've realised that taking an Advanced Typography module is enjoyable and interesting. The class provided new insights, whether through technical software skills or conceptual knowledge. I discovered that typography is strongly tied to storytelling, branding, and user experience. Creating a wordmark and font about myself allowed me to reflect on my identity through design. I also learnt the value of consistency when using type across multiple media, ranging from Instagram layouts to product mockups. I'm looking forward to continuing this exploration about typography in future tasks.

Comments