Grid and spacing

Grid

UPM uses 12 column grid system with 12px gutters that is designed to present content with clarity and ease of use. A grid system should always conform to user's device to make best use of available space and UPM components are built to support dynamic grid systems.

Layouts

Use responsive 4-3-2-1 column layouts.

Spacing

Default spacing for paddings and margins is 24px. For space-constrained components use 12px.