The Grid

Spacing of the 
Tablet landscape.

Here you can find all important values for building the tablet landscape grid. The grid is divided into two main containers. the header area and the content area.


px

rem

Width102464
Height76848
Margin60.375



Columns12-
Column Width774.813
Column Space80,500
Gutter60.375



Header483
Icon max483
Icon minn.nn.n



EdgeOne Boardlet example.
This is how the division of the boardlets within this representation could look like. The Edge One/dSFM layout serves as an example.


Best Practice 
Dark and Light Theme.



X-Series Boardlet example.
This is how the division of the boardlets within this representation could look like. The X-Series/Objective layout serves as an example.




Best Practice 
Dark and Light Theme.