The foundation for positioning all elements on the page.

Digitec and Galaxus use a 8dp grid to align elements and to set their margins. Each element must align itself to this grid. The smallest element on the grid is called a grid unit.

For baseline grids, it is possible to use 4dp, since 8dp ist too coarse for typesetting.

Text grids and their relative baselines are defined in the chapter typography.

#Alignment and Spacing

Because the layouts of Digitec and Galaxus are partially fluid, the absolute size of elements is less important as the distance between them. The margins and paddings are always multiples of the basic grid unit.