You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 11 Next »

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 Middle Unit (24x24px). This can be determined by the designer depending on the content.

It is recommended to use 1 mini unit for boardlets and 1 middle unit for content that is free standing.


Mini Unit

Middle Unit

  • No labels