You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

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


  • No labels