craiyon logo

A stylized video game garage UI showing a red cartoon car on a glowing platform, with menu options and car stats.

A stylized video game garage UI showing a red cartoon car on a glowing platform, with menu options and car stats.

GARAGE SHOP UI — FULL MASTER DESIGN (ALL-IN-ONE) OVERALL DESIGN PHILOSOPHY • Stylized arcade racing UI • Transparent glass panels • Flowing ribbon geometry • Curved shapes, no sharp HUD boxes • Clean hierarchy, easy to read • More premium and layered than Mario Kart World & Sonic CrossWorld • No sci-fi / no hardcore realism ⸻ UI STRUCTURE OVERVIEW Screen Composition The garage UI is divided into three main zones: 1. Vehicle / Parts Display Zone (Right) 2. Shop Selection Grid (Left) 3. Stats & Info Panel (Bottom / Side Overlay) All zones float independently with soft depth and transparency. ⸻ 1️⃣ VEHICLE / PARTS DISPLAY ZONE (RIGHT SIDE) Purpose • Show the selected vehicle or part in 3D • Act as the visual anchor of the screen Design • Vehicle sits on a soft glowing platform ring • Ring is semi-transparent with slow rotation • Subtle color shift based on rarity • No hard borders Interaction • Vehicle rotates slightly on input • Parts visually attach/detach in real time • Stat ribbons react when parts change ⸻ 2️⃣ SHOP SELECTION GRID (LEFT SIDE) Purpose • Browse cars or parts • Switch between categories Tabs (Top Left) • Cars • Engines • Wheels • Bodies • Boost Units Tabs are: • Curved ribbon tabs • Semi-transparent • Active tab glows softly and stretches slightly ⸻ Item Cards (Grid) Card Shape • Rounded rectangle with curved edges • Transparent glass look • Thin glowing outline Inside Each Card • Item icon / thumbnail • Item name • Small rarity accent strip (not text-heavy) • See more