Grid

We use an 8-point grid system, where instead of 8-points equalling eight pixels, it equals one unit.

Unit

The unit is used to calculate sizes for all of the UI (until we introduce a separate relative size grid and layout system based on the viewport size).

Responsive unit

Viewport width Size
< 600 6px
Between >= 600 and <= 1920 8px
> 1920 10px

Spacer

Four units.