
Buff & Debuff Status Icons
Design the active buff and debuff icon cluster for an in-game HUD. These sit near the player’s core status area and need to read instantly while the action is moving.
Each icon represents one live effect: a speed boost, shield, poison, burn, slow, or similar status. The player should be able to tell what is active, whether it is helping or hurting, and roughly how long it will last.
Use timers or counts as part of the icon treatment. The countdown should be legible at a glance, without making the row feel noisy or blocking the rest of the HUD.
The interesting part is balancing clarity and density: multiple effects can stack, refresh, or expire close together. The layout needs to stay stable as icons appear, reorder, and disappear during play.
Reserve one visual language for positive effects and another for negative ones, then keep the timer placement identical on every icon so the player learns the pattern fast.
Better at UI design with every challenge
Select complexity and generate challenge.
Pick a platform.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.