Get started

Foundation

Brand

Tools

Frameworks

web

native

Quick Start

Here you can find all the abstractions related to our foundation system. The Figma files include all the tokens, assets, and basic rules. On GitHub, we maintain developed foundation headless components, and Storybook showcases these components with examples of code and documentation.

 

Follow the links below to learn more about our foundations:

React Web

Echo DS components

in code

Learn more →

React Native

Echo DS rules

and basis designs

Learn more →

Github

Environment configuration,

tooling, and composition guides

Figma

Our approach includes design

guidelines, a cohesive visual language

Product storybooks for web and mobile interfaces,

complete with components using React Web

and documentation.

Web Foundation

Ultimate Guitar

MuseScore

SheetMusicPlus

Here you can find app storybooks with

all necessary components in React Native

and documentation.

RN Foundation

Ultimate Guitar

MuseScore

Describe your needs → Send us request

→ We will work on it → Final review

Create request

Doesn’t work?

Contact us in case of question

We are welcoming you to share with us any possible feedback or ask any question related to the product development process using Design-system! Feel fre to write me in DM - d.krikunov@mu.se.

In case of questions

These channels will help you find answers to any questions related to the design system or its surrounding topics. Please feel free to share your ideas and problems here:

Channels:

#ug-design-system

#ug-design-system

#mu-design-system

#au-design-system

Your DS team

Dmitrii Krikunov

Design-system architect

d.krikunov@mu.se

Vitaliy Kapustyanov

Senior Designer

v.kapustyanov@mu.se

Alexander Komarov

Senior Frontend

a.komarov@mu.se

Azamat Dzebisov

Senior Frontend

a.dzebisov@mu.se

Peter Dorozhkin

Senior Frontend

p.dorozhkin@mu.se

Andrey Yakobchuk

Head of Frontend

a.yakobchuk@mu.se