Nexus Protocol — Sci-Fi Game UI System
46 complete PC game screens at 2560×1440. 1,244 components, 323 design tokens, and a clickable prototype that runs the whole game loop — from boot screen to mission and back. One tactical design language, every screen covered.
Not screens.
A system.
Nexus Protocol is a complete sci-fi game interface for desktop — boot, login, main menu, in-world HUD, character, inventory, world map, missions, social hub and in-game economy. Every screen is assembled from the same tokenized component library, so the whole kit restyles from one place and new screens are built from parts that already exist.
Screens never own reusable UI.
Every repeated pattern belongs to exactly one component. Screens only assemble them — so a fix in one place reaches every screen.
No raw hex. Ever.
Color, spacing, radius, opacity, effects, typography and stroke weight all run on 323 variables in 9 collections.
Every glow carries information.
Military, terminal, tactical. Borders, colors and glows mark state, rarity or danger — never decoration for its own sake.
Six levels. One answer per level.
Global top bar, section tabs, filters, detail panel, workflow steps, modals. The player always knows where they are.
A loop you can play, not a slideshow.
Boot → menu → lobby → mission → HUD → pause → back. Including a downed and respawn loop. No dead links, no dead ends.
Structured like a real UI codebase.
Nexus / Category / Name. Readable variant properties, a fixed screen hierarchy, zero broken instances.
↑ Click any tab above to dive into that part of the system
1,244 reusable components in 172 component sets. Every component follows one naming structure, uses Auto Layout, and is bound to the variable system.
- Auto Layout throughout
- 323 variables in 9 collections
- 1,244 components · 172 component sets
- 18 text styles · 7 effect styles
- 7 rarity tiers — Common to Mythic
- Clickable prototype — 15,022 interactions
- All screens at 2560×1440 (16:9)
- No plugins, no external libraries
📖 00 · Nexus — Cover, product presentation, license summary
🎨 Foundations — Colors, typography, tokens, prototype guide
🧩 Components — 172 component sets, organized by category
🖥 Screens — 46 screens, wired as a clickable prototype
🗂 PNG previews — Every screen in Full HD (ZIP), plus LICENSE.txt and README.txt
Font (free via Google Fonts): JetBrains Mono — the only font in the file
Artwork: All images and icons are AI-generated sample artwork (Figma AI) — placeholders, not exclusive. Replace them with your own art before you ship.
Authentication as one clear step.
Login and title screen work as a single workflow step: one panel, one primary action, nothing competing for attention.
Pause and loot without leaving the world.
Modals sit on a scrim above the game: pause menu, mission complete with loot, item detail. Same panel component, same buttons.
Fully specced. Nothing left to guess.
Stats with upgrade deltas, acquisition source, upgrade path, lore and three actions: Discard, Compare, Equip. One component drives every item.
Squad, map and loadout before deployment.
Squad slots with ready state, mission preview and one clear action: Initialize Mission. The prototype continues from here into loading and the HUD.
Progression that keeps players coming back.
Free and premium reward tracks, tier progress and a featured reward — plus an achievements screen with completion stats and badges.
Built once.
Reused everywhere.
Every screen in Nexus Protocol is assembled from the same component library. Update one component — every instance across 46 screens follows.
Tokenized.
Production ready.