Skip to content

Sizes

The twoday Design System uses a 8pt grid. To keep typography and elements in line all elements should have size which can be divided by 8.

This will allow easier graphics scaling to different screen densities (1x, 1.5x, 2x, 3x etc).

The exception being column widths/gutters with are calculated from the content area width and exact gutter sizes.  

Principles

Make sure the height of the elements can be divided by 8px and the line spacing of text styles follows the same rules. 

 

sizes