Designing a UI system built for speed.
Formula Legends takes players on a journey through the most iconic eras of motorsport. From the roaring cars of the 1960s to today’s cutting-edge technology, the game showcases the evolution of single-seaters in a world defined by a unique and timeless appeal.
My role
UX/UI design · Motion graphics · Logo design · Trailer editing
Project type
Racing
Release date
September 2025
Developer | Publisher
3DClouds
Platforms
As UX/UI Designer, I was responsible for designing the complete interface system, from menus to HUD, creating a unified visual language that adapts across multiple distinct racing eras while maintaining consistency and usability.
One system, multiple visual identities. The HUD transforms its typography and graphic elements to match each racing era while preserving core usability patterns.
Racing demands instant readability. Every HUD element is prioritized by criticality: position, lap data and telemetry stay prominent while secondary information adapts to context.
Every component and interaction was designed as part of an interconnected system. Menu flows, HUD overlays and modal patterns share a common structural grammar.
The visual language draws from motorsport heritage, using angular shapes, high-contrast typography and vibrant color coding to create an interface that feels authentic.
The main menu uses a card-based navigation system with eye-catching images that respond to the selected mode. Each game mode has its own visual identity while maintaining consistent interaction patterns. Selection highlights, description panels and contextual controls remain uniform across all screens.
Curated grid-based mode select with custom-designed images specific to each mode.
Era-by-era campaign navigation structured as an interactive historical archive.
The place to create races and championships with complete control over the rules.
Built around the car, with all drivers and teams inspired by the history of motorsport.
Interactive vehicle inspection mode featuring a free-roam photo camera alongside dynamic cinematic video pans.
Competitive racing experience built around persistent player lobbies and shared progression.
After acquiring the official Formula E license, building on the success of Formula Legends, the existing interface architecture was adapted and expanded into a dedicated Formula E experience, complete with its own main menu visual identity, custom loading screens, team and sponsor branding, as well as circuit maps, cars and drivers specific to this era.
The HUD is where the design system faces its greatest challenge. Each racing era demands a distinct visual personality, from the analog dials to the digital telemetry of modern cars, while every version must deliver the same critical race information at a glance. Position, standings, lap count, timing, minimap and speed remain constant, while their visual expression transforms.
Full analog treatment with a prominent circular speedometer, needle-based RPM indication and vintage gauge textures. The most dramatic visual departure is warm tones and physical instrument feel. Color-coded sectors and timing data use high-contrast neon accents.
Body text
Anta
The quick brown fox jumps over the lazy dog.
Numeric data
Kode Mono
0123456789
Retro-digital hybrid combining an analog-style speedometer with digital overlays. The instrument cluster shifts to a classic gauge aesthetic with physical dial indicators, while maintaining the same information architecture.
Body text
Oxanium
The quick brown fox jumps over the lazy dog.
Numeric data
Anonymous Pro
0123456789
Clean digital interface with flat UI elements, sans-serif typography and an instrument cluster featuring battery bar, speed readout, vehicle stats and boost indicator. Position, lap, and timing data remain instantly readable in the same screen locations in every era.
Body text
Lexend Deca
The quick brown fox jumps over the lazy dog.
Numeric data
Updated modern interface reflecting next-generation racing technology. Enhanced telemetry elements reflect new race features and the new electric engine. Other elements remain consistent with the modern-era HUD.
Electric racing demands its own visual identity. A blue-dominant palette replaces the tones of other eras. Energy management takes center stage over traditional fuel indicators. Attack Mode UI elements are unique to the electric racing format. The HUD maintains structural consistency while introducing Formula E-specific data points.
Formula E official color palette
Bold blue | #0000FF
Electric Blue | #00F5FF
Hot pink | #FF00FF
Motion design and prototyping for UI and HUD systems, developing animation concepts, transitions, VFX treatments, loading icon and interactive feedback. Animations were authored in After Effects and translated into Unreal Engine, either in collaboration with VFX/UI programmers or through direct in-engine implementation.
Page-to-page transitions
HUD
Tires mini gameA high-contrast palette designed to establish a clear visual identity across the game’s menus. Deep black and white provide the structural foundation, while vivid blue acts as the primary accent for highlights and interactive elements. Other colors introduce additional layers of hierarchy, helping differentiate alerts, key information and contextual states.
White
#FFFFFF
Primary color
Deep Black
#15151E
Primary color
Vivid Blue
#0085FF
Highlight color
Bold Red
#E10600
Alert color
Rich Yellow
#FFCC00
DLC color
Neon Green
#48FF3F
Free content color
The HUD palette is built around immediately recognizable colors, prioritizing readability and fast information recognition during gameplay. Each color is assigned a specific functional meaning. Additional variations, such as the sector colors and tire compounds, create a flexible visual coding system that allows different types of information to be distinguished at a glance without relying solely on text.
Health
#FF362F
Fuel/Battery
#FF8A00
Tires
#5470FE
WRS
#00F07D
BRS
#8BF8FF 
#0094FF
A Mode
#FFE100
Sector | Personal Best
#52FF00
Sector | Unaltered
#FFC700
Sector | Fastest
#FF3DD4
Soft Tire
#EF1C24
Medium Tire
#FFD401
Hard Tire
#FFFFFF
Wet Tire
#0A64A0
Positive
#00FF1E
Negative
#FF1616
The Formula Legends identity centers on a bold monogram that combines the letters F and L into a dynamic flag-inspired mark. The angular geometry references speed and precision, while the gold accent color connects to motorsport heritage.
A subtle detail lies within the monogram: the negative space between the F and L subtly takes the shape of a track. An understated visual cue, designed to be discovered rather than noticed at first glance.
Authenticity
Motorsport-heritage geometry.
Velocity
Dynamic flag angles.
Modularity
Scales seamlessly without losing legibility.
Standalone monogram
Full color
White on dark
Black on light
Logo animation
I led the video production for Formula Legends, creating all game trailers from editing and post-production to final delivery and platform-specific exports. Content was adapted and delivered across the company’s social media channels and the various gaming platforms supporting the title.
Deluxe Edition Trailer
00:00 / 00:46
I also produced the Dev Blog video series for the game’s ongoing updates and patches, translating new features, improvements and content into engaging video content for the community.
Patch 1.7 Online Multiplayer
00:00 / 01:49
