Paradigm Design System

Free

Design Tokens

Paradigm Design System serves as the single source of truth (SSOT) for VK (formerly Mail.ru Group) products. The system provides a unified set of visual principles, UI components, and guidelines. Designers and developers collaborate using this single language. Therefore, Paradigm ensures a cohesive and scalable user experience across VK’s massive digital ecosystem. Adopting the system significantly reduces design debt and accelerates the release of new features.

Core Assets and Components

The system’s strength lies in its comprehensive asset libraries, ensuring consistency from design through to production code. Designers receive a dedicated Figma UI Kit, the Paradigm UI Kit. This kit contains core components like input fields, menus, and buttons. It also includes common patterns specific to the VK portal navigation and ecosystem. Using these pre-built, production-ready assets dramatically speeds up the prototyping phase. The underlying code library offers the necessary framework implementation for developers, likely utilizing modern front-end technologies like React (given industry standards for large-scale systems). This component parity simplifies developer handoff, minimizing integration errors and quality assurance cycles.

Theming and Scalability with Tokens

Paradigm is built for vast scale, supporting a wide array of VK products and services. A robust Design Token architecture is crucial for this flexibility and is implicitly a feature of Paradigm. Tokens abstract fundamental design decisions—such as color, spacing, and typography—from hard-coded values. This method allows the system to manage complex theming efficiently. Because many large ecosystems like VK offer multiple themes, Paradigm is optimized for global theming, including Dark Mode support. Implementing Dark Mode relies on swapping out these semantic design tokens for their dark counterparts. This separation of design intent (e.g., $color-text-primary) from the value (e.g., #000000 or #FFFFFF) ensures the UI respects user preferences and accessibility requirements at a global scale.

Future-Proofing the Platform

Paradigm is not merely a library; it is a collaborative platform designed to grow with the company. The design system offers detailed usage guidelines and documentation that promote accessibility and best practices. This documentation helps product teams use components correctly, fostering a mature UI development culture. As a result, teams focus less on repetitive UI development and more on delivering unique value to the user. This strategic, system-driven approach future-proofs the platform against changing brand guidelines and emerging technologies.

Access the Official Paradigm Documentation | Download the Paradigm UI Kit (Figma)