🟢 Spacing

Our common goal is to keep the interface usable, easy to read and slick. Proper use of spacing in our interfaces significantly contributes to this aim. There are no specific rules or guidelines to be followed but what is described below.


All interfaces are designed in 4px grid. This device helps us to scale elements and space among them. It also provides support for aligned look & feel of interfaces across the product whenever we need to add more or decrease whitespace.


We use multiplies of 4px to define spacing either in components and among all elements included in the interface. The use of a specific value is on designer's consideration.

Example of spacing increments (Root library)