DS Architecture
Processes driven approach
The process serves as the foundation of our architecture. A process-driven approach leads to more predictable product scaling and clearer cross-communication. New components, tokens, and all other entities based on the DS architecture must align with our processes. Please follow the link to learn more about these processes.
Learn more about design processes
You can read more about the architecture in terms of code in Confluence. Follow the link below for additional information.
Read more
Libraries structure
Foundation
Basic tokens and parts that make up the foundation of any interface
Alias connections
This is where the basic grocery visual begins to take shape
Product primitives and base components are assembled from all inheritance
Product screens are assembled from DC tokens, primitives, and base components, and can also contain unique product entities
At the component level, there are branches of experiments where components are free-form changed based on hypotheses
Product Core
Product Libray
Product screens
Experiments
Decentralization
A distinctive feature of our architecture is decentralization. The token module is crucial because it contains a common color palette from which all product palettes are derived. This is the Ultimatum set, referenced by all products through variables. In the product cortex, these colors are organized into semantics and acquire product meaning.
A significant advantage of this approach is that each product can develop its own unique visuals while still being part of the product line. If a startup joins us and needs complete freedom for self-expression while finding its audience, it can simply remove the functional background and necessary headless components to create any visuals it desires, all while remaining connected to the ecosystem of modules and libraries.
DS as an external library
DS is part of the MuseTech Foundation. This means our Foundation library can be connected with NPM and used for any React-based product, regardless of which one it is.
MuseTech
Tech Foundation
Design-System
AD Foundation
Product