Every in-game window, built only from the UI kit: character, inventory (11-slot paper doll), stash, quests, map, options, social — desktop and mobile — next to the owner's reference windows and the Codex-ready prompts to paint each one. Hover any icon for its popup.
Character
40LEVEL
Boran
Ravager · Stoneward · Wall-guard of Amber Gate
Life
2,560
Mana
920
Armour
1,184
124STR48AGI42INT
M1·1
M1·2
M1·3
M1·4
M1·5
M1·6
M1·7
M1·8
Q
E
Z
X
C
EXP 37%
Damage per second (chain)1,412
Main hand physical damage96–146
Main hand fire damage8–13
Attacks per second0.61
Critical strike chance11.0%
Critical strike damage+50%
Bleed damage per second214
Finisher: Crimson Reckoning650% + 50% per bleed
Armour1,184 (19% physical reduction)
Evasion212
Block chance0%
Fire / cold / lightning resistance42% / 31% / 38%
Life regeneration12.8 / s
Resolve (control resistance)60
Movement speed6.2 m/s on foot · 10.5 m/s Emberhorn Aurochs
Item find+8%
Atlas points45 / 45
Skill picks8 / 8
Gold1,284,560
Zoe320
Blood Frenzy (self)+15% attack speed, 10 s
War Drum (team)+12% damage, 8 s
Elixir of Fury+6% damage, 24 min left
Spiced Lamb Skewer (food)+3% damage, 11 min left
Inventory
Two-handed
200
1
200
2
40
3
37
4
64
5
6
5
7
8
MO
999
999
37
200
200
64
41
12
88
37
12
1,284,560Gold
320Zoe
Boran·STR 124·AGI 48·INT 42
Window spec (engine)
Anchor
docked right, 24 px from the top, opened with I
Size at 1080p
620 × 912 px (header 112, padding 22)
Cell
48 px; cell = round(48 × uiScale × screenHeight / 1080); phones (touch) clamp cell ≥ 44 and open the window full screen with the bag beside the equipment.
Equipment
12×7 cells: weapons and armour 2×3, helmet/gloves/boots 2×2, belt 2×1, rings/necklace/earring 1×1
Bag
12×5 cells (items keep their footprint)
Quick slots
8 (keys 1 2 3 4 5 6 7 8)
An item fits a slot only if its type matches (any weapon → main hand; shields → off hand; rings → either ring slot).
Its stat requirements must be met by the character (shown red in the popup when not).
A two-handed weapon in the main hand blocks the off hand; equipping one sends the off-hand item to the bag.
Dropping on a bag area that overlaps exactly one item swaps them; more than one overlap is refused.
Invalid targets turn the slot background red (slot_invalid), valid ones jade (slot_valid).
Quick slots 1–8 accept potions and scrolls only (drag in from the bag, drag between slots to swap, drag out to the bag); anything else turns the slot red and is refused.
Sockets: hovering an equipped weapon or belt shows its sockets over the art. Clicking a socketed gem picks it up and holds it on the cursor (it leaves the socket only when placed; Esc puts it back); dragging a gem onto the item or a socket inserts it (weapon: socket 1 primary, 2–3 weapon supports; belt: socket 1 movement, 2–3 belt supports); a gem already there swaps to the bag.
Item art is scaled by its painted content, not its square canvas: long weapons stand upright and reach the top and bottom of their 2×3 slot; belts fill 2×1 (apps/wiki/lib/icon-fit.json from tools/build-icon-fit.py).
Every equipped weapon or belt holds exactly one main gem (socket 1) and up to two supports; a second main gem is refused until the first is taken out. A gem can be dragged out of a socket and into another; a plain click picks it up and holds it.
Contract: packages/game-data/data/ui-windows.json
Stash
Old Bao · 4 tabs × 12×10
999
999
999
999
999
999
999
999
999
999
999
999
250
250
250
250
250
250
250
250
250
250
250
OC
MO
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
999
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
200
Deposit gold
Quests
Chapter 1 · Dust on the Road
Chapter 2 · Locks and Kilns
Chapter 3 · Salt and Bells
Chapter 4 · Storm and Ash
Chapter 5 · The Jade Seal
The Reedback Stable
Q1.11 · level 10 · amber gate
Kerem trusts you with a Reedback Strider, a dune lizard that never sinks in the reeds.
❝talk npc stablemaster kerem
✦tutorial mount — Summon mount (T)
◇interact waypoint × 3
1,512 XP62 gold
Map
M · 11 waypoints
HUNTING · L17–20
Cinder Kilns
Brick kilns, smoking chimneys and ash pits. Readable ember circles contrast against grey ground.
♪ environment sound only (ADR-026) · ☀ Red ember glow, smoke shafts
Emberhorn Viper L17
Kilnback Scarab L19
4 main quests here: Ember Road, Banked Embers, Scarab Furnace, Kiln Depths
Waypoint at the area entrance · centre 2138, 2586 m
● cleared● current band (ring = progress)📍 you are here● locked-- arena spur (Kharuun)
Options
Game
Mouse1 chaini
Chain slots in usei
Finisher jumps the chaini
Attack magnetismi
Auto-target priorityi
Mouse1 on ground moves (PoE style)i
Graphics
Other players' effectsi
Max visible playersi
Damage numbersi
Interface
Hold Alt to show affix tiersi
Color-blind palettei
Accessibility
Camera shake (70%)i
Hit-stop (local)i
Reduce flashesi
Haptics (mobile/gamepad)i
Controls
moveWASD
primary attackMouse1
attack in placeShift+Mouse1
movement skillMouse2
slot qQ
slot eE
slot zZ
slot xX
slot cC
quick a 1 812345678
quick b 1 8F1F2F3F4F5F6F7F8
interactF
target nextTab
auto huntG
auto questH
mountT
show labelsAlt
inventoryI
characterU
codexK
atlasP
mapM
questsJ
socialO
chatEnter
menuEsc
zoomMouseWheel
orbit cameraMouse3 drag
camera viewV
Sound
Master volume (80%)i
Music (55%)i
Effects (85%)i
Voices (70%)i
Ambience (60%)i
Notifications
Whispersi
Party invitesi
World boss warnings (10/5/1 min)i
Lantern Convoy remindersi
Stall salesi
Social
Boran ◆
Ravager · level 40
90%
Laleh
Windmender · level 39
77%
Mei
Frostweaver · level 40
64%
Tarek
Nightblade · level 38
51%
Amber BasinLogin
The caravan roads open at dusk.
Connecting to the caravan…0%
Tip: Hold Alt over an item to see prefix/suffix and affix tiers.
Amber Basin · Channel 3 · 42 ms
Zoen 0.1.0 · Closed Alpha · build 1847
Loading screen spec
Background: Area art when loading into an area; event/boss/dungeon art for those instances; the main key art on login and first entry; otherwise a random build key art (class spotlight). Slow zoom 1.00 → 1.06 over 20 s; bottom vignette 0 → 85% black over the lowest 35%.
logo: top-left, 32 px margin
areaTitle: bottom-centre, 150 px above the bottom — area name on the title plaque + level band chip + one lore line
progressBar: bottom-centre, 72 px above the bottom — header rail (ui/header-rail-3) as the frame; molten-gold fill (gradient + moving shimmer) inset 9 px; ember spark at the leading edge
tip: under the bar, glass strip with fading gold hairlines — one tip, rotates every 6 s
channel: bottom-left — region · channel number · ping
version: bottom-right — release.json display format, e.g. "Zoen 0.1.0 · Closed Alpha · build 1847"
Stages: Connecting to the caravan… (5%) → Opening your character (10%) → Streaming the area (40%) → Preparing effects (30%) → Finding your place (15%)
Progress is weighted by stage and never moves backwards.
If no stage changes for 8 s the label adds "Still working…"; after 30 s a Retry button appears (login keeps the queue position).
The bar fills to 100% only when the first world snapshot has arrived; then a 250 ms fade into the game.
Contract: hud.json → loadingScreen · version from release.json · area/event backgrounds are queued on the Art generation page (ART-LOAD-*).
Inventory
Helmet
Earring
Necklace
Main hand
Armour
locked by two-handerOff hand
Ring (left)
Belt
Ring (right)
Gloves
Boots
◉ 1.28M320
999999999999999999999999999999999999
Inventory — phone landscape (doll left, bag right)
Character
40LEVEL
Boran
Ravager · Stoneward · Wall-guard of Amber Gate
Life
2,560
Mana
920
Armour
1,184
124STR48AGI42INT
M1·1
M1·2
M1·3
M1·4
M1·5
M1·6
M1·7
M1·8
Q
E
Z
X
C
EXP 37%
Damage per second (chain)1,412
Main hand physical damage96–146
Main hand fire damage8–13
Attacks per second0.61
Critical strike chance11.0%
Critical strike damage+50%
Bleed damage per second214
Finisher: Crimson Reckoning650% + 50% per bleed
Armour1,184 (19% physical reduction)
Evasion212
Block chance0%
Fire / cold / lightning resistance42% / 31% / 38%
Life regeneration12.8 / s
Resolve (control resistance)60
Movement speed6.2 m/s on foot · 10.5 m/s Emberhorn Aurochs
Item find+8%
Atlas points45 / 45
Skill picks8 / 8
Gold1,284,560
Zoe320
Blood Frenzy (self)+15% attack speed, 10 s
War Drum (team)+12% damage, 8 s
Elixir of Fury+6% damage, 24 min left
Spiced Lamb Skewer (food)+3% damage, 11 min left
Character — phone landscape
Options
Game
Mouse1 chaini
Chain slots in usei
Finisher jumps the chaini
Attack magnetismi
Auto-target priorityi
Mouse1 on ground moves (PoE style)i
Graphics
Other players' effectsi
Max visible playersi
Damage numbersi
Interface
Hold Alt to show affix tiersi
Color-blind palettei
Accessibility
Camera shake (70%)i
Hit-stop (local)i
Reduce flashesi
Haptics (mobile/gamepad)i
Controls
moveWASD
primary attackMouse1
attack in placeShift+Mouse1
movement skillMouse2
slot qQ
slot eE
slot zZ
slot xX
slot cC
quick a 1 812345678
quick b 1 8F1F2F3F4F5F6F7F8
interactF
target nextTab
auto huntG
auto questH
mountT
show labelsAlt
inventoryI
characterU
codexK
atlasP
mapM
questsJ
socialO
chatEnter
menuEsc
zoomMouseWheel
orbit cameraMouse3 drag
camera viewV
Sound
Master volume (80%)i
Music (55%)i
Effects (85%)i
Voices (70%)i
Ambience (60%)i
Notifications
Whispersi
Party invitesi
World boss warnings (10/5/1 min)i
Lantern Convoy remindersi
Stall salesi
Options — phone landscape
Mobile rules
Windows open full screen over a blurred game view, one at a time; two columns to fit the short landscape screen; every control ≥ 44 px; popups open on tap and pin until you tap elsewhere; the close button sits top-right within thumb reach. The HUD itself is on the HUD page.
window-header — Window header (owner reference): central title plaque, emblem medallion, wings, round close. We follow the composition in bronze/jade; art requested as ART-WIN-header-kit.character — Character: portrait + level badge, life/mana, attribute triad, equipped skills row, stat tabs. Ours adds the 8 Mouse1 chain slots + Q–C.inventory — Inventory: PoE paper doll with tall weapon slots, potion row, gold, bag grid. Ours adds earring + necklace (11 slots), Zoe and 8 quick slots.settings — Options: tabs, label + dropdown + info rows, Save/Close. Ours is driven by controls.json settings.desktop — Desktop HUD reference (layout target for /hud).mobile — Mobile HUD reference (joystick, attack arc, quick slots).
These window and HUD concepts are queued for the Codex master prompt on Art generation; it generates them one by one with the right reference files, so there is nothing to copy here.