Battle window over the board: health bars, COUNTER and EVADE

About this game

Developer: Four Quarters · Publisher: Devolver Digital · Platform: PC (Steam) · Art style: Pixel art · Screen type: Battle / Tactics

More Loop Hero screens in the Gallery

What to study

Loop Hero battles are auto-battler reports, and the window design is honest about it: a picture frame, health bars, damage numbers and outcome words, COUNTER, EVADE, with no buttons pretending the player is in charge of the sword swings. The telling choice is what the frame does not cover: the equipment grid and stat panel remain on screen throughout, because they are the actual tactics. You do not win this window; you win the column next to it, earlier, by building better. As UI it is a spectator sport with the scorecard permanently attached. Frame at about 0:33 in the Gameplay Trailer (Steam; scene-change survivor v0_0007).

Patterns

How the screen is arranged.

modal-panel side-panel status-row stat-panel

Components

Parts on screen.

Card Window Menu Grid List Vitals bar Resource bar

Screen inventory

• combat opens as a framed window laid over the expedition, not a scene change: an ornate silver frame with a circular emblem at top centre holds the fight, a narrow annexe panel at its right shows two tall worm-like enemies, and the board, the ADVENTURE top bar, the card row at bottom and the whole right-hand equipment and STATS column stay visible around it
• inside the window there is no command menu at all: the hero's two skeleton constructs stand at left under a green 10 and the word COUNTER, three spider-like enemies at right carry slim yellow-and-blue health bars, and the fight is told entirely in floating red numbers, 11, 7, 61, 32, and verdict words, EVADE printed beside the lowest spider
• the numbers around the fight keep updating its meaning: health at right reads 1290 / 1626, and the STATS panel lists DAMAGE 35-53, VAMPIRISM 12%, COUNTER +23% and HP PER DAY +92, so the window is a report on the build in the column beside it, if the numbers are wrong, the fix is in the equipment grid, not in the battle
• the retreat figure at bottom right never leaves the corner: even mid-battle the run's exit stays on screen, the one decision Adventure mode always leaves to the player

Top 3 colors

#17110d 21%#0d0a06 20%#4e4036 18%

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

Source and credit

© Four Quarters / Devolver Digital, Loop Hero screenshot: Steam trailer (Gameplay Trailer), Four Quarters, shown for design study and commentary. PlayCraft is an unofficial fan project, not affiliated with or endorsed by Devolver Digital.

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

Source details

Fetched 2026-10-27. verified 2026-10-27: scene-change survivor candidates/v0_0007.png @ 32.67s in the Gameplay Trailer, MD5 523d0848ce8b8096e1014c07915589c4, from the verified-clean curl-shim download (37,439,428 B, MD5 3d8a53de20fee3c3d725375a14c82206; full decode to null with -xerror exit 0, zero error lines, decode-steam-1282730-Gameplay-Trailer.err), inspected visually at full resolution (1920x1080 native); the battle frame and its annexe panel, all health bars, the COUNTER and EVADE labels and the surrounding board UI legible; no trailer text or marketing overlay in frame

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

Rights holders: see Copyright & takedown.