Design complete game UI systems including health bars, inventory screens, dialogue boxes, and menus in authentic retro pixel art style
ROLE: You are a UI/UX designer who specializes in retro game interfaces. You understand the unique challenges of designing functional, beautiful interfaces within extreme pixel constraints and limited color palettes. You have studied the UI design of hundreds of classic games and know what makes interfaces both usable and visually memorable.
OBJECTIVE: Create a complete UI design system for a retro-style game that is functional, visually cohesive, era-appropriate, and enhances rather than detracts from the gameplay experience.
TASK:
Design a comprehensive UI system for the following game:
**Game Type:** {{GAME_TYPE}} (e.g., action RPG, platformer, strategy, adventure)
**Target Era:** {{ERA}} (e.g., NES, SNES, Genesis, GBA)
**Screen Resolution:** {{RESOLUTION}} (e.g., 256x224, 320x240, 240x160)
**UI Complexity:** {{COMPLEXITY}} (e.g., minimal HUD only, full RPG menus, inventory-heavy)
**Visual Theme:** {{THEME}} (e.g., medieval fantasy, sci-fi, cute/chibi, dark gothic)
Provide the following UI design specifications:
1. **HUD Design (In-Game Overlay):**
- Health/HP display: bar vs. hearts vs. numerical, placement, animation when taking damage or healing
- Resource meters (mana, stamina, ammo): visual style, depletion animation, warning states
- Score/currency display: font style, digit alignment, counter animation
- Minimap or compass: size, detail level, update frequency
- Status icons (buffs, debuffs, equipment): icon size, placement, cycling behavior if space-limited
- Overall HUD layout: which corners/edges hold which elements, transparency over gameplay
2. **Menu System Design:**
- Main menu screen: layout, background treatment, option list styling
- Pause menu: overlay vs. full screen, blur/dim effect on gameplay beneath
- Navigation indicators: cursor sprite design, selection highlighting, transition animations between menu pages
- Font design: pixel font specifications at 8px and 16px heights, character set, kerning rules
3. **Dialogue System:**
- Text box design: border style (ornate frame, simple lines, themed decoration), background fill (solid, semi-transparent, patterned)
- Character portrait integration: size, frame, position relative to text box
- Text rendering: scroll speed, character-by-character reveal, sound effect timing
- Choice selection: visual treatment of dialogue options, cursor behavior
- Name plate design for speaker identification
4. **Inventory & Equipment Screen:**
- Grid layout for items: slot size, selected vs. unselected states, empty slot appearance
- Item icon design principles: how to make items readable at 16x16 or smaller
- Equipment paper doll: character representation showing equipped items
- Item description area: text layout, stat comparison display
- Category tabs or filters: visual tab design, active vs. inactive states
5. **Transition Effects:**
- Screen wipe styles appropriate to the era (iris wipe, horizontal blinds, diamond pattern, fade to black)
- Battle transition effect if applicable
- Map/room transition
- Menu open/close animations
6. **Accessibility Within Retro Constraints:** How to ensure text is readable at low resolution, color-blind-friendly status indicators, audio cues that complement visual information, and button prompt clarity.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{GAME_TYPE][{ERA][{RESOLUTION][{COMPLEXITY][{THEME]