Principles

Depth and space

User interfaces are displayed in an environment that simulates a three-dimensional space using light and cast shadows. All elements move horizontally, vertically and at different depths along the z axis. Depth is represented by placing elements at various points along the positive z-axis, directed towards the viewer.

The minimum unit is an atom-point

The minimum unit of space in dot. system is a dot or atom (the minimum size of which is 4-5px based on the platform-web / mobile). All UI elements use the principle of atomic construction not only in the architecture of components but also in the context of space. The dot serves as the minimum unit for constructing negative and positive space and determines the position of elements in spaceе.