All spacing inside and between the components on a page use multiples of 8 pixels.
We use a scale of 8 pixels in our designs and base grid. This defines the heights and widths of our components and patterns.
Our spacing scale is responsive and adapts based on screen size.
Why we use this scale
The scale keeps the proportions of our page components and white space consistent. It also helps to define the structure and hierarchy of typography and components on all pages.
The scale is flexible and the base value of 8 pixels can be further divided. Our designers can also use spacing of 2 or 4 pixels for smaller designs that will still look consistent. This can be applied to the padding, dimension, or alignment of typography and each component.
Feedback, help or support
If you need any help or want to give any feedback you can e-mail us at: firstname.lastname@example.org