craiyon logo

A high-resolution 2D UI mockup of a sci-fi space game interface, featuring a hexagonal star map with glowing systems over a teal and orange nebula background.

A high-resolution 2D UI mockup of a sci-fi space game interface, featuring a hexagonal star map with glowing systems over a teal and orange nebula background.

HIGH-RESOLUTION 2D UI MOCKUP β€” SCI-FI SPACE GAME INTERFACE RESOLUTION: 1280Γ—720 pixels (16:9 aspect ratio) STYLE: Painted sci-fi aesthetic, clean shapes, soft gradients, subtle texture NOT: Pixel art, chunky retro, hand-drawn wobble, crazy perspective REFERENCE STYLE: Similar to https://www.youtube.com/watch?v=QkSbOvlfRiU β€” high-res painted backgrounds, detailed spaceships, teal/orange color accents COLOR PALETTE: - Background: Deep space black (#0A0A0F) with colorful nebula gradients (teal #00D4FF, orange #FF8C00) - UI Panels: Semi-transparent dark overlays (rgba(10,10,15,0.85)) - Interactive Elements: Teal glow (#00D4FF) for normal, Orange (#FF8C00) for danger/warnings - Text: White (#FFFFFF) at 85-100% opacity - Borders: Sharp, consistent 1-2px lines, no wobble LAYOUT STRUCTURE (align perfectly, consistent margins): β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”‚ TOP BAR (64px height) β”‚ β”‚ β”Œβ”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”β”‚ β”‚ β”‚LOGO β”‚ β”‚Creditsβ”‚Fuelβ”‚Suppliesβ”‚Reputation β”‚ β”‚MENU β”‚β”‚ β”‚ β””β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”˜β”‚ β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€ β”‚ LEFT PANEL (15%) β”‚ CENTER HEX MAP (70%) β”‚ RIGHT PANEL (15%)β”‚ β”‚ β”‚ β”‚ β”‚ β”‚ MODES: β”‚ β”‚ ACTIONS: β”‚ β”‚ [Normal] ● β”‚ HEX GRID: β”‚ [Jump] β”‚ β”‚ [Trade] β”‚ - Glowing discovered β”‚ [Set Route] β”‚ β”‚ [Danger] β”‚ - Darkened unknown β”‚ [Scan] β”‚ β”‚ [Factions] β”‚ systems β”‚ [Details] β”‚ β”‚ β”‚ β”‚ β”‚ β”‚ QUEST LOG: β”‚ β”‚ EVENT LOG: β”‚ β”‚ β€’ Quest 1 [icon] β”‚ β”‚ β€’ Last flight β”‚ Mehr sehen