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) ⢠Voir plus