All Works
.

Jona Xu Studio™

Green is my favorite color.


Jona does branding, UI/UX & product design, illustration, and vibe coding. She aims to bring vibrant, friendly, and humor to the world through her works.



Click on names to navigate:
Branding - Flora Language School, 2026
Branding - Jora Peruvian Restaurant, 2026
Branding - The Robots, 2026

Branding - Rousseau, 2024

Branding - Edges of Ailey, 2025
Product - Lumen, 2025
Game - The Northern Expedition, 2025
Product - Patch!, 2024
Product - Right Now, 2025
Product - Scroll Garden, 2025
Product - Goya Immersive Exhibition, 2024
About Jona
Visit Website (contains sound + flash light warning)


Project Information
Kraftwerk is my favorite music band ever since I heard them in 2023. For this audio-initiated project, I designed a modular typeface with three weights—each responding to different frequency ranges (bass, mid, treble) in real-time. The system evolved into a complete brand identity for Kraftwerk's fictional 2026 tour, including an interactive website, posters, and merchandise.

Tool Used

Adobe Illustrator · VScode · Adobe Photoshop · Figma


Category

Graphic Design / Web Design / Vibe Coding / Branding / Type Design

My InspirationI love kraftwerk so much... and I chose “The Robots” as the music piece.Design Objective
  • Embody Kraftwerk's "man-machine" philosophy
  • Create an innovative brand experience
  • Bridge digital and physical spaces
  • Make typography "alive" 
  • I want to experiment in variable fonts
  • Control & Out of Control
  • Order v.s. Chaos
Deliverables
  • Design a complete visual identity system for Kraftwerk's 2026 World Tour
  • Use coding to make my font responsive to the music
1. SystemThe typeface itself could be a "robot" that transforms in real-time based on music frequency bands.
Then, I created three weights.Then, I created more letters for each weight.

Each weight functions as a distinct "signal system," responding to different frequency ranges (bass, mid, treble) within the music. 


Like a robot's signal system:
BASS → Stable foundation structure
MID → Rhythmic pulse
TREBLE → High-frequency electrical signals
Then, I told Claude and ChatGPT about it.

I created a website (with their help) !Screenshot from the final website (flash light warning)2. ApplicationsI created 4 posters, using 
the lyric “WE ARE THE ROBOTS” 
and tried a motion.
It seems like they could become 
one poster?!
Part of my concept is to reflect a range of state, from stable to chaos, I created a series of poster that shows this range.
Then, I introduced Cinetype Regular as my secondary typeface.
And a motion piese.From now on I settled my visual tool kit. 


Please take a look at more applications and visuals below and that will be it ~









 
Zhuonan0427@gmail.com