Spacing

Spacing units are based on the same scale as Typography to help keep them in proportion with each other.

Scale

Step nameviewport < 731px731px < viewport < 1695pxviewport > 1695px
moon
3
6
10
mars
6
13
20
earth
13
26
41
saturn
26
52
83
sun
52
106
168

Vspace

Nesting

You can quickly divide the flow content into visually distinct sections, by nesting Vspace elements. In the following, the two sections are separated by a space of the saturn spacing, while elements within each of the two sections are spaced using the default earth spacing.

You can override the generic spacing within a 'Vspace' on a per-element basis.