Spacing guide for designers. Spaces are the horizontal and vertical…, by Oriol Banus
![](https://miro.medium.com/v2/resize:fit:1400/1*Mm3BG8F2hW1_M2ceDyNUmg.png)
![](https://cdn.dribbble.com/users/409537/screenshots/15124133/media/d2e7e3178eaf2deb53e96c8366097b0a.png?resize=400x300&vertical=center)
Spacing designs, themes, templates and downloadable graphic
Spacing PIE Design System
![](https://ux.redhat.com/assets/spacing/spacing-headlines-ctas.png)
Spacing Red Hat design system
![](https://miro.medium.com/v2/resize:fit:1400/1*dbLzShTjnNAr_VKabXtzoA.png)
miro.medium.com/v2/resize:fit:1400/1*dbLzShTjnNAr_
![](https://assets-global.website-files.com/648b07b602810d848d5617a5/6500241fd73055e7b79bde8f_03-perfect-spacing-guide-crypto-dashboard-example.jpg)
The 4-Point Grid System: Mastering Spacing in UI Design
Spacing PIE Design System
Spacing Red Hat design system
![](https://fanduel.design/formation/guidelines/spacing/small_screen_spacing_componenet_horizontall.png)
Spacing, Design System, FanDuel UX & Design
![](https://miro.medium.com/v2/resize:fit:1400/1*Mm3BG8F2hW1_M2ceDyNUmg.png)
miro.medium.com/v2/resize:fit:1400/1*Mm3BG8F2hW1_M
![](https://miro.medium.com/v2/resize:fit:1400/1*3nLo4MqUYIwSPKfXPoJD0g.png)
Ultimate Spacing Guide for UI Design, by Nam Bui
![](https://www.researchgate.net/publication/320407798/figure/fig1/AS:614317158330387@1523476032616/a-Stripes-design-and-spacing-on-a-horizontal-and-vertical-installed-louver-b-Section.png)
a) Stripes design and spacing on a horizontal and vertical
UI cheat sheet: Spacing friendships, by Tess Gadd
![](https://miro.medium.com/v2/resize:fit:1358/1*pkScUlOZjn7tf9aYYXe-oA.png)
miro.medium.com/v2/resize:fit:1358/1*pkScUlOZjn7tf
![](https://assets.justinmind.com/wp-content/uploads/2019/04/ui-layout-space-spacing-ui-elements-feature.png)
The guide to space and UI layout design - Justinmind
![](https://cdn.dribbble.com/userupload/7229201/file/original-11232bd55a765f4bbd97925a1b6b09e9.png?resize=400x0)
Spacing designs, themes, templates and downloadable graphic