Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.

Desktop

Image Removed

Columns and Rows

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



Image Added

Padding

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



Image Added

Image Added