Spacings

Spacing is an important part of the construction of Layout components and compositions. Establishing spacing tokens helps to offer more homogeneous, consistent and consistent designs.

The scale of the system is based on multiples of 2, 4 and 8. This makes it possible to establish coherent spacings in both system components and layout compositions.

Colored mass icons are used to give them more presence and that in combinations with little contrast continue to maintain their legibility.

This scale is designed for the construction of layout compositions to help in the distribution of components on the screens.

It is based on multiples of 8. You will have a support of multiples of 4 for the smallest details.