15. Capstone: The Assembly Forge
The VoidX Assembly Forge
You have mastered cognitive psychology, spatial mathematics, typography, and semantic architecture. Now, you must prove you can build. Welcome to the Assembly Forge. There is no broken code to fix here—only a blank canvas and a component inventory. You will act as the Lead UI/UX Engineer, architecting a full-scale interface from the ground up.
🎠 The Project Carousel
A professional engineer must be adaptable. In the Sandbox, you will be presented with a Project Carousel containing 15 distinct industry briefs. Scroll through the options and select the product you want to build:
- 1. FinTech: Crypto Wallet & Asset Tracker
- 2. EdTech: Student Analytics Dashboard
- 3. Healthcare: Remote Patient Vitals Portal
- 4. E-Commerce: Frictionless Checkout Flow
- 5. AI/ML: Prompt Command Center
- 6. Logistics: Global Fleet Tracker
- 7. SaaS: Billing & Subscription Manager
- 8. IoT: Smart Home Control Hub
- 9. DevTools: API Testing Sandbox
- 10. Social: Content Publishing Planner
- 11. Media: High-Fidelity Audio Player
- 12. Real Estate: Property CRM
- 13. Delivery: Active Dispatch Radar
- 14. CyberSec: Live Threat Monitor
- 15. Enterprise HR: Employee Onboarding Flow
🏗️ The Rules of Assembly
Once you hit 'Start Build' on your chosen brief, you must follow the strict VoidX engineering pipeline:
- Initialize the Grid: You must first define the canvas architecture, establishing the 12-column master grid and setting your base spacing multiplier (the 8pt system).
- Component Placement: Drag raw, unstyled components from the Inventory (Sidebars, Data Tables, Hero Cards) onto the canvas. You must arrange them logically to satisfy Information Architecture rules.
- Apply Semantic Tokens: Raw components have no visual hierarchy. You must assign the correct Design Tokens (e.g.,
color-surface-elevatedortypography-h1-bold) to each element. - Compile & Validate: When your interface is assembled, hit 'Compile Build'. The forge engine will scan your DOM. If you used a low-contrast token, broke the 8pt grid, or placed secondary navigation above primary navigation, the build will fail.
Enter the Sandbox. Browse the carousel. Select your project. Architect the layout. Apply the math. Prove you are a 2026 UI/UX Engineer.
The Assembly Forge
Select a professional brief to launch your engineering workspace.
Crypto Wallet Tracker
High-security asset tracking dashboard.
Student Analytics
University student performance overview.
Patient Vitals Portal
Medical data monitor with high contrast.
Checkout Flow
Frictionless 1-click checkout interface.
Prompt Command Center
AI parameter tuning dashboard.
Global Fleet Tracker
Real-time delivery dispatch map view.
Billing & Subscription
Subscription management portal.
Smart Home Control Hub
Device control dashboard.
Content Planner
Social media publishing calendar.
API Testing Sandbox
REST API testing interface.
Knowledge Check
Ready to test your understanding of 15. Capstone: The Assembly Forge?