Grid and spacing


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.


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


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