Work index10 / 11 — Menu
Settings
Lightweight overlay panel with toggle switches for audio and graphics performance.
- Role
- UI design
- Year
- 2025
- Type
- Menu
- Tools
- Figma, Roblox Studio
Overview
A compact settings panel for shadows and audio toggles that keeps live gameplay visible.
The problem
Full-screen settings menus obscure gameplay and make switch states difficult to verify at a glance.
Process
- 01
High-contrast switch glow
Green glow for active state and red for disabled state, easily readable on mobile screens.
- 02
Compact non-intrusive sheet
Narrow overlay allows players to hear and see setting adjustments in real time.
Solution
Streamlined two-switch settings overlay optimized for quick touch toggles.
Fast, unobtrusive settings interface with clear toggle feedback.
HUD Sidebar
Persistent left-docked quick-access HUD bar for shop, settings, codes, and inventory.