Hanoi Grotesk - HFCD

🎊 2024 - Customized Typeface - Đình Collective🎊 2024 - Customized Typeface - Đình Collective🎊 2024 - Customized Typeface - Đình Collective🎊 2024 - Customized Typeface - Đình Collective
One day (or night I think), Nhatanh Nguyen - the founder of Đình Collective asked me for a catalogue of my sans serif, which I teased a few images on Instagram sometimes. Suprisingly, I was ordered to customized the most basic sans from it.
HFCD-Cover-1
Photo from Kênh 14

As a a holistic solution for the identity, the typeface needs to transfer the same concept from the logo mark and mascot, which designed inspire from the organized place - “Cung Văn Hóa thiếu nhi”. Architecture cuts are added to detail of each letters, alongside some open-type features like alternates, ligatures to make it more diverse. Hanoi Grotesk has 3 weights, in which the Regular used to most, while others acted as a supporting role for logotype or highlight.

HFCD-2
HFCD-3-1
HFCD-4-1
HFCD-5-1
HFCD-Features

Okay, why “Hanoi Grotesk”? Honestly, it’s too stressful to add a city name to a typeface. But Nhatanh is way too cool for that, and I think the word “grotesk”, which is weird or consider new, is quite suitable in the context of breathing something fresh to the city identity, as this year theme is Creative intersection. So yes, Hanoi Grotesk was born and went out like a wind.

460710920_827856729512930_813207206682855126_n-1
480701534_931025222529413_3301533655929036771_n-1

The identity pattern was transformed into a font, so designers can simply type it out. And there's no gaps between lines in Figma make it super easy to use!

Screenshot-Mau-Tu
Screenshot of the re-engineering process for each letterform, with every glyph aligned to a square 2048px em box.
HFCD-K14-1-1
HFCD-K14-2
HFCD-K14-3-1
Photo from Kênh 14
HFCD-NA-1
Cool photo from Nhatanh Nguyen
Credits

Project Manager: Quan Le
Executive Designer: Thế Huy
Mascot Designer: Thủy Nguyễn
Junior Designer: Anh Duy Vũ
Website Design & Development: Tien Dat Ta
Design System Development: Tạ Sơn Quỳnh
Guideline Designer: Lan Dao
Animation Designer: Nguyễn Hữu Thiện
Photography: Đỗ Ngọc Tân
Design Assistant: Bá Điệp

Interested in a chat? 👉📮 hi@dgtran.com

©2025 Dương Trần. All rights reserved.
This site might shift anytime — blame it on my love for design and the urge to express.