---
id: "2113156792834535569"
source: https://x.com/michaelmicasso/status/2113156792834535569
author: "MEK.txt (@michaelmicasso)"
media: "photo, 1792x1348"
model: claude-opus-5-5
generated: 2026-10-22
---
# Pixel Game HUD with Stat Cards

## Summary
A compact pixel-art game HUD on deep navy: eight numbered inventory slots and a bag slot, then a bordered stat bar with a segmented red health meter, small coloured icon tiles for attack, defence, speed and luck, a thin experience bar, and a footer with level, location and day. Clean, readable and full of character.

## Style
- Theme: dark
- Mood: cosy, retro, focused, crisp
- Tags: pixel-art, game-ui, hud, inventory, health-bar, bitmap-font, roguelike
- Category: Games, Components

## Palette
| Role | Hex |
|---|---|
| Night navy | #081420 |
| Slot fill | #111E2F |
| Border blue | #2B3D5A |
| Label blue | #3E6A9A |
| Text grey | #B8C2CC |
| Health red | #C0303A |
| Shield blue | #4050B0 |
| Gold | #B08A2E |
| Leaf green | #5A9A2A |
| Chest orange | #C8783C |

## Typography
- All text in a small bitmap pixel font, integer-scaled: numbers in light grey, slot numbers and footer labels in muted blue, the bag key "[B]" in orange. Closest free fonts: m5x7 or Pixel Operator.

## Layout
- 4:3 frame (1792x1348), HUD centred with lots of empty navy around it.
- Row 1: eight equal slots in two groups of four with a gap, then a separated bag slot; numbers below each.
- Row 2: one bordered bar split into five cells: health (wide) then four stats.
- Row 3: a thin full-width experience bar.
- Row 4: "Lv. 1" left, location name centred, "day 4/5" right.

## Elements
- Empty slots: navy squares with 2px rounded borders and diagonal hatch lines.
- Bag slot: same frame holding an orange chest icon.
- Health: heart icon, four solid red blocks fading into dithered checker blocks for lost health, value 120.
- Stat tiles: 2-colour pixel icons on red, blue, gold and green squares with values 3, 2, 7, 10.
- Experience bar: violet to blue fill at about 60%.

## Motion
- Still image; in game, values tick up and down, damaged health blocks flash then dither out, and the experience bar fills with a short ease.

## Rebuild it
1. Render at a low internal resolution (for example 320x240) and scale up with `image-rendering: pixelated` (or a canvas with nearest-neighbour scaling).
2. Build slots as 2px-bordered rounded rects with a hatch pattern; group 4 + 4 + bag.
3. Draw the health bar as blocks; represent lost health with a 2x2 checkerboard dither.
4. Make stat tiles from 8x8 or 12x12 pixel icons on solid colour squares.
5. Use a bitmap font at integer scale only, and the navy, blue, grey, red, gold, green palette above.

## Generation prompt
A crisp pixel-art game HUD on a deep navy background: eight empty hatched inventory slots and an orange chest bag slot with small numbers, a bordered stat bar with a heart and segmented red health meter fading into dither, small red, blue, gold and green icon tiles with numbers, a thin violet-blue experience bar, and a footer with level, a place name and day count in a bitmap font; retro, cosy, clean.