Advanced Typography | Task 3: Type Exploration & Application
17
June
2025
-
15
July
2025
(Week
9-13)
Justin
Cleon
(0375523)
Advanced Typography | Task 3: Type Exploration &
Application
Table
of
Contects
1.
Instructions
2. Lectures
Proposal
For the final task of Advanced Typography, we were tasked with creating
a full complete set of font that would be presented and used in a font
application. Then, we were asked to make a proposal to convey our
ideas.
Figure 3.1 Font Exploration Proposal - Week 9 (17/6/25)
Sketches
This is the initial sketch from Typography Task 3 Semester 1.
Figure 3.1 Sketches - Week 9 (17/6/25)
Digitilization of Sketches
These two shapes will be the main for creating all of the alphabets
later on.
Figure 3.2 The Main Shapes (Process) - Week 9 (17/6/25)
Here is the letterform design process for uppercase,
lowercase, and punctuations. For uppercase, I wasted so much
time with the letter "K, U, V, W, X, Y, Z" was too difficult
to create with my style letterform. Then, the lowercase was
the letter "m, t" and the punctuations were just "&".
Figure 3.3 Letterform Design (Process) - Week 9-10 (17-24/6/25)
For making a proper font, I use outline to maintain the length
of the letterform from uppercase, lowercase, and punctuations.
Figure 3.4 Font Outline - Week 10 (24/6/25)
Font Forge
Once all the letterforms complete, export it to a SVG format
using asset export in Adobe Illustrator.
Figure 3.5 Asset Export Panel - Week 11 (1/7/25)
Unfortunately, font forge is not what I expected because
when trying to adjust kerning it is not as balanced as I
want. Well, I have learned that we should never trust free
applications available as they will just waste our time.
:(
Figure 3.6 Font Forge - Week 11 (1/7/25)
Final Font
Download 'Cleonify' font here: https://bit.ly/CleonifyFonts
Figure 3.8 Cleonify Font - Week 11 (1/7/25)
Font Presentation
Before making the font presentation, I focus on the color
palette for the background. I chose the most common color
mixing models. They are the additive primary colors (red,
green, blue).
.png)
Font presentation 1, I make uppercase and lowercase with
primary character showcase for the entire alphabet.
.png)
Figure 3.10 Font Presentation 1 (Process) - Week 12 (8/7/25)
Font presentation 2, I create punctuations and numerals sheet
to showcase full character set beyond A-Z.
.png)
Figure 3.11 Font Presentation 2 (Process) - Week 12 (8/7/25)
Font presentation 3, I develop a full program schedule or
concept extension. The "terminal-like" details of the event
agenda using a special typeface.
.png)
Figure 3.12 Font Presentation 3 (Process) - Week 12 (8/7/25)
Font presentation 4, I design a futuristic-style event poster
showcasing the font in action. The use of neon gradients and
monoscaped layouts evoke a sci-fi/digital atmosphere.
.png)
Figure 3.13 Font Presentation 4 (Process) - Week 12 (8/7/25)
Font presentation 5, I build a ASCII cat illustration created
with symbols.
.png)
Figure 3.14 Font Presentation 5 (Process) - Week 12 (8/7/25)
.png)
Figure 3.15 Font Presentation (Final Process) - Week 12 (8/7/25)
Final Font Presentation
.png)
Figure 3.16 Font Presentation (Uppercase & Lowercase) - Week 12 (8/7/25)
.png)
Figure 3.18 Font Presentation 3 - Week 12 (8/7/25)
Figure 3.19 Font Presentation 4 - Week 12 (8/7/25)
Figure 3.20 Font Presentation 5 - Week 12 (8/7/25)
Font Application
The font application is similar to how we created collateral in
the last assignment. However, now the main focus should be on the
font we are creating. The first application I used is going to be
a poster mockup in a subway environment for advertising and the
second application used is a beverage can mockup for product
packaging design.
.png)
Figure 3.21 Font Application (Process)
Honor Competition (Extra)
A competition submission for HONOR, a brand that develops
smartphones, tablet computers, wearable devices, and mobile
device software. So the pattern of background makes it using
my numerals (2, 3, 4, 6, 8, 9).
.png)
Figure 3.22 Font Application (Pattern)
.png)
Animation
For the animation, I wanted to keep simple, seamless and
without too much going on. These are all created in Adobe Illustrator and After
Effects.
.png)
Final Font Application & Honor Competition
Figure 3.25 Font Application - Week 13 (15/7/25)
Figure 3.26 Font Application 2 - Week 13 (15/7/25)
Figure 3.27 Font Application 3 (Overall Visual Design) - Week 13 (15/7/25)
Figure 3.28 Font Application 4 (Clock Design) - Week 13 (15/7/25)
Figure 3.29 Font Application 5 (Personalized Signature
Design) - Week 13 (15/7/25)
Figure 3.30 Animation (Clock Design) - Week 13 (15/7/25)
Final Type Exploration & Application
Download 'Cleonify' font here: https://bit.ly/CleonifyFonts
Figure 3.31 Cleonify Font - Week 13 (15/7/25)
Figure 3.32 Font Forge - Week 13 (15/7/25)
.png)
Figure 3.33 Letterform Kerning (Uppercase) - Week 13 (15/7/25)
.png)
Figure 3.34 Letterform Kerning (Lowercase) - Week 13 (15/7/25)
.png)
Figure 3.35 Letterform Kerning (Punctuations) - Week 13 (15/7/25)
.png)
Figure 3.36 Letterform Kerning (Numerals) - Week 13 (15/7/25)
Figure 3.37 Font Presentation (Uppercase & Lowercase) - Week 13 (15/7/25)
Figure 3.39 Font Presentation 3 - Week 13 (15/7/25)
Figure 3.40 Font Presentation 4 - Week 13 (15/7/25)
Figure 3.41 Font Presentation 5 - Week 13 (15/7/25)
Figure 3.42 Font Application - Week 13 (15/7/25)
Figure 3.43 Font Application 2 - Week 13 (15/7/25)
Figure 3.44 Font Application 3 (Overall Visual Design) - Week 13 (15/7/25)
Figure 3.45 Font Application 4 (Clock Design) - Week 13 (15/7/25)
Figure 3.46 Font Application 5 (Personalized Signature Design) - Week 13 (15/7/25)
Figure 3.47 Animation (Clock Design) - Week 13 (15/7/25)
Figure 3.49 Honor Competition (PDF) - Week 13 (15/7/25)
4.
Feedback
Week 9
General
Feedback : I showed Mr.
Vinod my task 3
Typography in
semester 1 for
expansion.
Specific
Feedback : My letterform
is unique, so I can
continue to expand
more that
letterform.
Week 10
General Feedback
: Mr. Vinod
checks the uppercase
part of the
letterform.
Specific
Feedback : Our
letterfrom progress
focuses on learning
observation through
visual dissection,
extracting the core
characteristics of
an object, not its
minor or detailed
features.
Week 11
General Feedback : I didn't attend the class this
week.
Week 12
General Feedback : Mr. Vinod gave feedback on Font
Presentation for Task 3.
Week 13
General Feedback : Mr. Vinod gave feedback on
Font Application.
5.
Reflection
Experience
It's been half a year since I started the first Typography
module, and honestly, I'm quite afraid to start Advanced
Typography again. The assignments in the previous module were
a bit more intensive compared to the other modules from the
first semester.
Observation
For observation, the process involves asking Mr. Vinod to review my
work. Additionally, feedback and comments from other friends has
helped me to improve and for me to complete the assignments.
Findings
Overall
for
Task
3,
for
me,
the
extensive
knowledge
and
the
information
that
I
have
gotten
about
Advanced
Typography.
While
making
comments
about
design
elements
might
seem
straightforward,
however,
deeper
understanding
shows
the
complexity
and
depth
of
the
subject.
The
knowledge
that
I
have
gotten
from
this
learning
experience,
even
though
it
does
not
immediately
applicable,
may
prove
that
it
is
valuable.
6.
Further
Reading
Creativity
needs
the
support
of
knowledge
to
be
able
to
perform
at
its
best.
The
discipline
of
design
is
a
rigorous
effort
that
requires
experience,
knowledge,
and
understanding.
The
use
of
a
grid
is
an
important
part
of
our
discipline;
it
is
the
natural
result
of
a
will
to
order,
and
it
is
a
tool
that
allows
the
designer
to
organize
information
and
clarify
it
for
the
reader.
Discipline
is
the
backbone
of
any
profession.
Semantics,
syntactics,
and
pragmatics
are
the
three
(3)
main
aspects
of
design.
The
primary
goal
of
design
is
to
communicate,
and
to
do
so
in
the
most
effective,
efficient,
and
visually
compelling
manner.
The
search
for
the
essential
is
the
principal
component
of
our
design.
We
strive
for
a
design
that
is
centered
on
clarity
and
not
on
ambiguity.
We
do
not
think
that
design
should
be
a
form
of
self-expression,
but
rather
an
act
of
social
responsibility.
A
good
design
lasts
forever.
Comments
Post a Comment