top of page
Screen Shot 2021-04-07 at 7.52.19 pm.png

Modular Typeface

“A modular typeface is an alphabet constructed out of a limited number of shapes or modules.”. Understanding the difference between Serif and San serif font greatly helped me find inspiration and decide which style of typeface I wanted to create.

FANG_Ning_1217413_06_BR11024_3.jpg

Research Work

Then I started looking for serif typefaces as they are definitive, classic, and still popular in the current design industry. After researching for some serif typefaces such as Emigre Fonts- MatrixII3 (Figure 1 in the Research work) and Zenon Fonts4 (Figure 2 in the Research work), however, I found that most of them are bold and formal, whereas I hoped my typeface to be a more casual and cute style. While I was researching some cute and rounded serif fonts, I came to Moriarty Serif Font5 (Figure 3 in the Research work) and it became my primary reference, which is a modern casual typeface perfect use for any editorial design.

research work

Developmental work -1

Initially, I misunderstood what the modular means, I thought it was a font that can be created in any way that we wanted it to be, and that made me go too widely about my thoughts which were inspired by an iron wire artist at a Sunday Market and it directed me to create typefaces more like wire-up art (Figure 1&2 in the Developmental Work -ver1).

FANG_Ning_1217413_06_BR11024_4.jpg
developmental work-1
FANG_Ning_1217413_06_BR11024_5.jpg

Developmental work -2

After deciding the style which will combine some key features of serif fonts, my first challenge was determining the proportion of the typeface.

The previously failed trial taught me that a square will be easier than a rectangle to size the font, therefore, I started to sketch it in a 20mm by 20mm square on the graph paper (Figure 1 in the Developmental work-ver2).

developmental work-2
final typeface design

Final typeface design

After a few attempts of trying different elements, my final typeface was constructed out of some parts of a big circle, three main straight lines with different lengths, and a little half-circle. The purpose of adding a little half-circle was designed to balance out the rigid feeling created by the straight lines and to add harmony to the whole design, which was expected to make the visualization softer and cuter. Each letter and number can be transformed by rotating, flipping those elements.

FANG_Ning_1217413_06_BR11024_8
FANG_Ning_1217413_06_BR11024_9
FANG_Ning_1217413_06_BR11024_10
FANG_Ning_1217413_06_BR11024_12
FANG_Ning_1217413_06_BR11024_11
FANG_Ning_1217413_06_BR11024_13
FANG_Ning_1217413_06_BR11024_14
FANG_Ning_1217413_06_BR11024_17
FANG_Ning_1217413_06_BR11024_15
FANG_Ning_1217413_06_BR11024_16
bottom of page