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

Compare with Current View Page History

« Previous Version 12 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.


24 Columns Grid

The 24 Columns Grid ist the Base of all. Columns result in key lines. Within the lines all components find their place. all columns have a padding.



Columns and Gutter 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.


Columns Patting with Mini Units

Gutter Patting with Middle Units

  • No labels