Spacing is an important, and often underestimated, part of the visual design within Inspire. The Spacing serves to
make all distances within the modules look the same.  The different spacings allow for flexible arrangement within the system.


Spacing Scale



Spacingrempx
$spacer * 000
$spacer * 10.1252

spacing-3xs example

$spacer * 20.254

spacing-2xs example

$spacer * 30.3756

spacing-xs example

$spacer * 40.58

spacing-xs example

$spacer * 50.7512

spacing-sm example

$spacer * 6116

$spacer * 71.37522

$spacer * 81.524

$spacer * 91.62526

$spacer * 10232

$spacer * 112.540

$spacer * 12348

$spacer * 13464