Mobile Survival Game Interface
Mobile Survival Game Interface
Core Interface
Create a post-apocalyptic survival management game with a dark theme. The interface should be clean and modern, using a color scheme of dark grays, de
# Mobile Survival Game Interface
## Core Interface
Create a post-apocalyptic survival management game with a dark theme. The interface should be clean and modern, using a color scheme of dark grays, deep blues, and accent colors for warnings and alerts.
## Key Elements to Include
1. **Resource Management Panel**
- Display bars for: Supplies, Medicine, Ammunition, and Group Morale
- Each bar should show numerical values instead of percentages and have a unique icon
- Use color coding:
- Green for good
- Yellow for warning
- Red for critical
- Add trend arrows to indicate changes
2. **Survivor Status Section**
- Show portraits or icons for 3-4 survivors
- Each survivor needs:
- Name and role (Leader, Medic, Scout, etc.)
- Health bar
- Current status indicator (e.g., Infected, Hungry, Exhausted)
3. **Main Decision Interface**
- Large, clear situation description with atmospheric artwork
- 2-3 choice buttons per decision
- Each choice should display:
- Action description
- Risk level indicator
- Potential consequences
4. **Event Log**
- Scrollable feed of recent events
- Each entry should show:
- Day number
- Event description
- Impact on resources
## Style Guidelines
### Colors
- Primary: Deep blue (#1a365d)
- Background: Dark gray (#1f2937)
- Accent: Gold (#d97706)
- Danger: Red (#dc2626)
- Success: Green (#059669)
### Typography
- Headers: Bold, sans-serif
- Body text: Regular, high-readability font
- Stats: Monospace for numbers
### Icons
- Minimal, line-style icons
- Universal symbols for resources:
- ❤️ for Health
- 🎒 for Supplies
- 💊 for Medicine
- 🛡️ for Defense
## Layout Priority
1. Resource stats always visible at top
2. Current situation/decision in center
3. Event log accessible via tab or scroll
4. Survivor status collapsible but easily accessible
## Interaction Flow
1. Display situation summary
2. Present choices with clear consequences
3. Show immediate feedback after decisions
4. Update resources and status visually
5. Log event in history
Remember to maintain high contrast for readability and include clear visual feedback for all interactions.By Maxim The Russian