The Unit

The basic unit for the grid is the 4-pixel square mini unit. Variants of mini units form the dimensions of columns, rows and boxes as well as their edges and fillings. The mini-unit adapts to your content while maintaining a constant visual rhythm.

Columns and Rows

Columns result in key lines. Within the lines all components find their place. all columns have a padding.

Padding

The padding within the columns is one Mini Unit (4x4px) or one Medium Unit (24x24px).