Index

The central hub modal that opens on join and routes players to modes, shops, and inventory. Built to establish the core visual theme and button layout for all other screens.

The brief called for eight destinations on one modal. A generic grid of identical buttons provides no visual hierarchy to guide new players.

1. 01

   Set the design language first

   Thick cartoon borders, bevelled frames, and bright gradient backdrops established the foundational style for the entire game.

2. 02

   Sized the buttons by frequency

   Primary game modes received large hero portals, while secondary utility menus use compact buttons for clear visual flow.

3. 03

   Modular header component

   Standardized title ribbon and close button that can be reused across all game modals with contextual icons.

One structured modal, clear hierarchy of destinations, and responsive scaling from mobile touch screens to desktop monitors.

Established the design tokens and layout rules for the remaining eight screens in the game.