Nexus Design System
Type: Code-Based Design System | Stack: HTML5, CSS3, JS
nexus.min.css
nexus.bundle.js
The Architecture
Nexus isn't just a Figma file; it's a living code repository. I bridged the gap between design and development by building a modular CSS framework. This ensures that the buttons, inputs, and typography used in the `Enterprise App` matches the final production code 100%.
"Why build a custom CSS framework? Standard libraries like Bootstrap were too heavy for our specific needs. Nexus reduced our CSS bundle size by 40% and unified the design language across 3 different legacy products."
The Visual Spec (Figma)
Live Component Library
Interact with the actual build below. This is rendering the production `index.html` file.
nexus-system-v1.0.html