Create a cohesive game UI/UX design system that ensures intuitive navigation, clear information hierarchy, and a visual language consistent with the game's identity.
Design a complete UI/UX system for: Game Title: [GAME TITLE] Genre: [GENRE] Platform: [PC/CONSOLE/MOBILE/CROSS-PLATFORM] Art Style: [THE GAME'S VISUAL IDENTITY] UI Complexity: [MINIMAL/MODERATE/COMPLEX — e.g., HUD-LIGHT VS. STRATEGY GAME] Accessibility Priority: [STANDARD/HIGH] Build the design system across these sections: 1. Design Language & Visual Foundation Define the UI art style and how it relates to the game's overall aesthetic. Create the color system with primary, secondary, and accent colors plus their semantic meanings for success, warning, error, and information. Establish the typography hierarchy with font families for headers, body text, and numbers. Design the iconography style guide with a consistent visual weight and metaphor library. Define the spacing and grid system that governs all layout decisions. Create the motion design principles including easing curves, durations, and transition types. 2. HUD & In-Game Interface Design the heads-up display with only the information players need at any given moment. Create the dynamic HUD system that shows and hides elements based on context. Define the health, resource, and status display with instant readability at a glance. Design the minimap or compass system for spatial orientation. Build the objective tracker and quest indicator system. Create the damage numbers, status effects, and combat feedback visual language. 3. Menu System & Navigation Architect the full menu hierarchy from main menu through all submenus. Design the navigation model for controller, keyboard and mouse, and touch input. Create the settings menu with logical groupings and real-time preview. Build the inventory, equipment, and character screen layouts. Design the social menu covering friends list, party, and communication. Create the transition animations between menu screens that feel responsive. 4. Interaction Patterns & Feedback Define the button, toggle, slider, and dropdown component behaviors. Create the tooltip and contextual information system. Design the confirmation dialog pattern for destructive or important actions. Build the notification and toast message system with priority levels. Define the loading screen strategy with meaningful content and progress indicators. Create the error state designs for network issues, invalid actions, and edge cases. 5. Responsive Design & Platform Adaptation Design the scaling strategy for different screen sizes and resolutions. Create the input-aware UI that adapts button prompts to the active input device. Build the safe zone system for television displays and mobile notches. Define the touch target sizes and spacing for mobile platforms. Design the cursor versus controller navigation modes and seamless switching. Create the split-screen UI adaptation if local multiplayer is supported. 6. Accessibility & Inclusivity Implement colorblind modes with alternative visual indicators beyond color alone. Design the text scaling system supporting multiple size options. Create the screen reader compatibility layer for menus and critical information. Build the subtitle system with speaker identification, background descriptions, and sizing options. Define the input remapping interface for motor accessibility. Design the cognitive accessibility features including difficulty options and information pacing.
Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[GAME TITLE][GENRE]