City HUD, top-down

Frostpunk · HUD & Gameplay UI

Art style Realistic 3D

Frostpunk - City HUD, top-down

About this game

Developer: 11 bit studios · Publisher: 11 bit studios · Platform: PC (Steam) · Art style: Realistic 3D · Screen type: HUD & Gameplay UI

More Frostpunk screens in the Gallery

What to study

From directly above, the HUD frame is all that separates a spreadsheet from a city: every number lives on the border, none in the middle.

Patterns

How the screen is arranged.

top-bar dual-meters

Components

Parts on screen.

Resource bar Gauge Action bar

Screen inventory

Top 3 colors

#415464 20%#13202f 20%#23384b 18%

Top three palette colors by share. The remaining colors make up the rest.

Source and credit

© 11 bit studios, Frostpunk screenshot: Steam store page, shown for design study and commentary. PlayCraft is an unofficial fan project, not affiliated with or endorsed by 11 bit studios.

Source tier 2 (publisher-released) · screenshot: Steam store page · Steam page

Source details

Fetched 2026-10-17. verified 2026-10-17: frame inspected visually; real game UI (HUD, menu, or panel) confirmed visible

no published policy found (checked 2026-10-17); fair-use study use, takedown honored within 48h

Rights holders: see Copyright & takedown.