Battle HUD: Battle of Runan

Total War: THREE KINGDOMS · Battle / Tactics

Art style Realistic 3D

Total War: THREE KINGDOMS - Battle HUD: Battle of Runan

About this game

Developer: Creative Assembly · Publisher: Sega · Platform: PC (Steam) · Art style: Realistic 3D · Screen type: Battle / Tactics

More Total War: THREE KINGDOMS screens in the Gallery

What to study

The battle interface is a bottom strip: every unit a card, every general a portrait, and the minimap holding the corner - the field itself stays almost entirely clear.

Patterns

How the screen is arranged.

unit-card-row

Components

Parts on screen.

Card Banner Portrait Minimap

Screen inventory

Top 3 colors

#1a120b 21%#555043 19%#382916 19%

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

Source and credit

© Creative Assembly / Sega, Total War: THREE KINGDOMS screenshot: Steam store page, shown for design study and commentary. PlayCraft is an unofficial fan project, not affiliated with or endorsed by Sega.

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.