Logo of UI Challenges
Sign in
Wireframe example for Day/Night Cycle Widget
An example interpretation of the prompt
Icon of target

Day/Night Cycle Widget

Icon of book open

Design a small in-game HUD widget that shows the current time of day and what comes next as the world moves through its day/night cycle. It should feel native to a game HUD: compact, readable at a glance, and out of the way during play.

The widget needs to communicate both status and forecast. Players should see where they are in the cycle now, plus the next meaningful change coming up, such as sunrise, sunset, a shop opening, a patrol shift, or a world event tied to time.

This is a world-and-narrative touchpoint, so the design should help players plan without pulling them out of the scene. The challenge is balancing clarity with minimal screen space, especially when the game is moving fast or the player is under pressure.

Make the timing feel alive rather than static. The UI can use icons, a ring, a timeline, or a simple text readout, but it must make the current phase and the upcoming event instantly legible.

Icon of book open

Show the next event in the same visual unit as the current time, so players do not have to read two separate places to understand what time means right now.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.