Before
After
UI2 is Mighty Networks’ latest design system, offering a more accessible, branded, and adaptive approach to UI design. It streamlines the existing system and introduces a more modular structure, enabling a “shop-and-go” experience where developers can quickly build new features without creating overly customized UI from scratch.
Key Improvements
Colors
Improved accessibility and better support customizable colors
Typography
Simplified style groups from 6 to 4 and reduced font weights
Icons
Standardized icons to vectors and removed size variants
Layout
Optimized space usage for long-form and multimedia content
Components
Rebuilt components based on atomic design principles
Information
Removed non-essential information to ease cognitive load