Spacings & Grids

In the world of UI design, achieving a consistent and polished layout is key. Our design system uses a 4-point grid system. The 4-point grid gives you more flexibility, accuracy, precision, and detail regarding spacing in UI design. In Beyond UI, the grid system and spacings are defined through variables and tokens for 3 screen sizes, desktop, tablet, and mobile.