Homefoundations

Layout

Learn the principles of our layout system.


A guiding principle in Prism System is that components do not provide any surrounding white space. It is outside the responsibility of a component and breaks encapsulation.

Instead, spacing between elements is managed by structural components. This keeps the system composable and spacing predictable.

All the structural components can be nested inside each other to create a variety of layouts.

Spacing

Prism System provides a set of standard white-spaces. As much as possible, we limit ourselves to use these scales.

$0
0px
$50
2px
$75
4px
$100
8px
$200
12px
$300
16px
$400
24px
$500
32px
$600
40px
$700
56px
$800
72px
$900
96px
$1000
144px
Table of Contents