Principios

Predecible, consistente y responsive (abajo)

Responsive Layout Grid

Responsive design

Columns, gutter and margin.

Material Design

Typographic layout

A multi-column grid focuses on splitting the page into more than one vertical column, with a gutter. Traditionally for the screen, this has manifested itself in a 12-column grid, often set at 960px wide with 60px columns and 20px gutters.

Typography lessons-how to create grids for screens

Spacing

Material Design

Grid

4pt, 8pt y más:

Material Design

8pt grid

White Space (espacio negativo)

Source: IDF

Source: IDF

White Space: propiedades a tener en cuenta