DOCUMENTATION ON THE USE OF DESIGN AND COMPONENTS
Design & development principles
Optional recommendations for developers
COLOR
Color stresses the importance of action
Select primary color to highlight the importance of specific elements on the screen to the user
PRIORITY
Using primary and secondary buttons
Use primary buttons for important actions and ghost buttons for secondary actions
LAYOUT
8dp grid and placement of elements
The design looks balanced if you keep the frequency rate of indents (e.g. 8dp, 16dp, 32dp and etc.)
LAYOUT
Use the horizontal scroll

Nowadays, it is intuitive that if the object protrudes from under the edge of the screen, it can be pulled with a swipe.
LAYOUT
Do not leave the "blank" screens in the app
Even when the user`s scenario is successfully completed - offer him something else.
USABILITY
If the list is small, snap it to the bottom
You shall snap elements to the bottom, if there aren`t many of them. These are the principles of one-handed interface.
NAVIGATION
Sync swipe in the main menu
Increase the opacity to 100% for the active categories and use the ease in out effect with the timing of 240ms in the menu swipe
NAVIGATION
Animation when selecting categories
After selection, we recommend you to move the rectangle with the ease in out effect and the timing not more than 300ms
NAVIGATION
Enabled / disabled state

If we illuminated the element with a blue circle in the state "pressed", then re-tap must return the status
LAYOUT
Indents for placeholder images
Place them with the left / middle align to the title and the next lower element
LAYOUT
Reduce the placeholder images proportionally
If functionally significant elements are at the height, the secondary placeholders must be reduced
NAVIGATION
Filters can be pulled or pushed
To open the panel with potential filters, you can either tap or swipe on the corresponding icon
USABILITY
Don't forget to use in cart microanimation
Users need feedback of successfully added item. This is made with the SetSize effect (bounce, 320ms) from 1% to 120% of the bubble with size the number.