---
title: "HUD art"
summary: "Every piece of the game's interface art, grouped by kind, at the size the client embeds it."
status: in-game  # Exists in the current build; generated from or checked against its code
section: "Art Direction"
html: hud-art.html
source: www/content/art/hud-art.md
---

# HUD art

*Every piece of the game's interface art, grouped by kind, at the size the client embeds it.*

The interface art as the client embeds it, read from `crates/client/assets/ui/` when the site is built. Most of it is SVG in the prototype's style (`proto-web/src/hud/`), rasterized to PNG by `proto-web/export_hud.mjs`. The pieces marked *painted* are sculpted figures painted by Gemini and cut out of a magenta ground by `design/tools/hud_art.py`, because hand-drawn SVG can't reach the style ([how paintings are made](../art/painting-guide.md)). Pieces carry padding for their shadows and glows, so their pixel size is larger than what you see. Each is drawn on a checkerboard here to show its transparency; click one to open it in the [asset explorer](../art/assets.md), where it zooms to its pixels and shows its alpha, or its name for the file.

## Wardens and orb frames 6

The figures that hold the life and mana orbs in the bottom corners. The orbs themselves are drawn by a shader.

- [corner_back.png](../assets/game/ui/corner_back.png): 840 × 800 px · 51 KB
- [corner_front_life.png](../assets/game/ui/corner_front_life.png): 840 × 800 px · 268 KB
- [corner_front_mana.png](../assets/game/ui/corner_front_mana.png): 840 × 800 px · 269 KB
- [header_warden.png](../assets/game/ui/header_warden.png): 204 × 224 px · 62 KB · painted
- [warden_life.png](../assets/game/ui/warden_life.png): 420 × 660 px · 336 KB · painted
- [warden_mana.png](../assets/game/ui/warden_mana.png): 420 × 660 px · 300 KB · painted

## Flasks 14

- [flask_back_life.png](../assets/game/ui/flask_back_life.png): 160 × 288 px · 34 KB
- [flask_back_mana.png](../assets/game/ui/flask_back_mana.png): 160 × 288 px · 35 KB
- [flask_back.png](../assets/game/ui/flask_back.png): 160 × 288 px · 12 KB
- [flask_glow_life.png](../assets/game/ui/flask_glow_life.png): 76 × 168 px · 12 KB
- [flask_glow_mana.png](../assets/game/ui/flask_glow_mana.png): 76 × 168 px · 14 KB
- [flask_life_0.png](../assets/game/ui/flask_life_0.png): 76 × 168 px · 5 KB
- [flask_life_1.png](../assets/game/ui/flask_life_1.png): 76 × 168 px · 8 KB
- [flask_life_2.png](../assets/game/ui/flask_life_2.png): 76 × 168 px · 11 KB
- [flask_life_3.png](../assets/game/ui/flask_life_3.png): 76 × 168 px · 12 KB
- [flask_mana_0.png](../assets/game/ui/flask_mana_0.png): 76 × 168 px · 5 KB
- [flask_mana_1.png](../assets/game/ui/flask_mana_1.png): 76 × 168 px · 8 KB
- [flask_mana_2.png](../assets/game/ui/flask_mana_2.png): 76 × 168 px · 11 KB
- [flask_mana_3.png](../assets/game/ui/flask_mana_3.png): 76 × 168 px · 12 KB
- [flask_over.png](../assets/game/ui/flask_over.png): 96 × 224 px · 2 KB

## Skill icons 6

- [icon_arc.png](../assets/game/ui/icon_arc.png): 128 × 128 px · 26 KB · [Arc](../wiki/skills/arc.md)
- [icon_earthshatter.png](../assets/game/ui/icon_earthshatter.png): 128 × 128 px · 25 KB · [Earthshatter](../wiki/skills/earthshatter.md)
- [icon_ember_dash.png](../assets/game/ui/icon_ember_dash.png): 128 × 128 px · 21 KB · [Ember Dash](../wiki/skills/ember-dash.md)
- [icon_fireball.png](../assets/game/ui/icon_fireball.png): 128 × 128 px · 21 KB · [Fireball](../wiki/skills/fireball.md)
- [icon_frost_nova.png](../assets/game/ui/icon_frost_nova.png): 128 × 128 px · 27 KB · [Frost Nova](../wiki/skills/frost-nova.md)
- [icon_strike.png](../assets/game/ui/icon_strike.png): 128 × 128 px · 23 KB · [Strike](../wiki/skills/strike.md)

## Skill slots and mouse buttons 6

- [mouse_l.png](../assets/game/ui/mouse_l.png): 20 × 28 px · 1 KB
- [mouse_r.png](../assets/game/ui/mouse_r.png): 20 × 28 px · 1 KB
- [slot_back_active.png](../assets/game/ui/slot_back_active.png): 236 × 236 px · 26 KB
- [slot_back.png](../assets/game/ui/slot_back.png): 236 × 236 px · 4 KB
- [slot_over_active.png](../assets/game/ui/slot_over_active.png): 124 × 124 px · 8 KB
- [slot_over.png](../assets/game/ui/slot_over.png): 124 × 124 px · 4 KB

## Buffs 6

- [buff_back_bad.png](../assets/game/ui/buff_back_bad.png): 136 × 136 px · 8 KB
- [buff_back_good.png](../assets/game/ui/buff_back_good.png): 136 × 136 px · 3 KB
- [buff_flask_life.png](../assets/game/ui/buff_flask_life.png): 68 × 68 px · 7 KB
- [buff_flask_mana.png](../assets/game/ui/buff_flask_mana.png): 68 × 68 px · 7 KB
- [buff_over_bad.png](../assets/game/ui/buff_over_bad.png): 68 × 68 px · 3 KB
- [buff_over_good.png](../assets/game/ui/buff_over_good.png): 68 × 68 px · 4 KB

## Portraits 3

- [portrait_ember.png](../assets/game/ui/portrait_ember.png): 124 × 124 px · 18 KB
- [portrait_frost.png](../assets/game/ui/portrait_frost.png): 124 × 124 px · 20 KB
- [portrait_ring.png](../assets/game/ui/portrait_ring.png): 176 × 176 px · 22 KB

## Currency 8

- [cur_ash.png](../assets/game/ui/cur_ash.png): 96 × 96 px · 17 KB · [Shifting Ash](../wiki/items/currency/ash.md)
- [cur_crowning.png](../assets/game/ui/cur_crowning.png): 96 × 96 px · 16 KB · [Crowning Flame](../wiki/items/currency/crowning.md)
- [cur_gilded.png](../assets/game/ui/cur_gilded.png): 96 × 96 px · 16 KB · [Gilded Ember](../wiki/items/currency/gilded.md)
- [cur_growth.png](../assets/game/ui/cur_growth.png): 96 × 96 px · 16 KB · [Ember of Growth](../wiki/items/currency/growth.md)
- [cur_kindling.png](../assets/game/ui/cur_kindling.png): 96 × 96 px · 17 KB · [Shard of Kindling](../wiki/items/currency/kindling.md)
- [cur_quench.png](../assets/game/ui/cur_quench.png): 96 × 96 px · 15 KB · [Quenching Water](../wiki/items/currency/quench.md)
- [cur_sovereign.png](../assets/game/ui/cur_sovereign.png): 96 × 96 px · 16 KB · [Sovereign Spark](../wiki/items/currency/sovereign.md)
- [cur_wildfire.png](../assets/game/ui/cur_wildfire.png): 96 × 96 px · 16 KB · [Wildfire Orb](../wiki/items/currency/wildfire.md)

## Item icons 11

- [item_amulet.png](../assets/game/ui/item_amulet.png): 128 × 128 px · 9 KB · [4 bases](../wiki/items/bases/index.md)
- [item_axe.png](../assets/game/ui/item_axe.png): 128 × 128 px · 11 KB · [4 bases](../wiki/items/bases/index.md)
- [item_body.png](../assets/game/ui/item_body.png): 128 × 128 px · 10 KB · [4 bases](../wiki/items/bases/index.md)
- [item_boots.png](../assets/game/ui/item_boots.png): 128 × 128 px · 5 KB · [4 bases](../wiki/items/bases/index.md)
- [item_dagger.png](../assets/game/ui/item_dagger.png): 128 × 128 px · 7 KB · [3 bases](../wiki/items/bases/index.md)
- [item_gloves.png](../assets/game/ui/item_gloves.png): 128 × 128 px · 8 KB · [4 bases](../wiki/items/bases/index.md)
- [item_helmet.png](../assets/game/ui/item_helmet.png): 128 × 128 px · 8 KB · [4 bases](../wiki/items/bases/index.md)
- [item_ring.png](../assets/game/ui/item_ring.png): 128 × 128 px · 11 KB · [7 bases](../wiki/items/bases/index.md)
- [item_staff.png](../assets/game/ui/item_staff.png): 128 × 128 px · 11 KB · [3 bases](../wiki/items/bases/index.md)
- [item_sword.png](../assets/game/ui/item_sword.png): 128 × 128 px · 8 KB · [4 bases](../wiki/items/bases/index.md)
- [item_wand.png](../assets/game/ui/item_wand.png): 128 × 128 px · 10 KB · [4 bases](../wiki/items/bases/index.md)

## Frames and ornaments 14

- [area_rule.png](../assets/game/ui/area_rule.png): 308 × 24 px · 1 KB
- [badge_diamond.png](../assets/game/ui/badge_diamond.png): 84 × 84 px · 5 KB
- [close_button.png](../assets/game/ui/close_button.png): 76 × 76 px · 6 KB
- [doll_back.png](../assets/game/ui/doll_back.png): 1120 × 680 px · 1,248 KB · painted
- [finial_left.png](../assets/game/ui/finial_left.png): 240 × 136 px · 13 KB
- [finial_right.png](../assets/game/ui/finial_right.png): 240 × 136 px · 13 KB
- [level_badge.png](../assets/game/ui/level_badge.png): 112 × 112 px · 6 KB
- [map_ring.png](../assets/game/ui/map_ring.png): 536 × 536 px · 94 KB
- [menu_bag.png](../assets/game/ui/menu_bag.png): 48 × 48 px · 1 KB
- [menu_gear.png](../assets/game/ui/menu_gear.png): 48 × 48 px · 3 KB
- [panel_back.png](../assets/game/ui/panel_back.png): 600 × 770 px · 156 KB
- [panel_header.png](../assets/game/ui/panel_header.png): 1200 × 220 px · 120 KB
- [plinth_left.png](../assets/game/ui/plinth_left.png): 540 × 300 px · 163 KB
- [plinth_right.png](../assets/game/ui/plinth_right.png): 640 × 300 px · 190 KB