Spacing Grid

Structuring Space

Our spacing and grid system ensures a clean and organized layout, enhancing both aesthetics and functionality. Maintaining consistent spacing and alignment creates a visually balanced and easy-to-navigate experience. Adhering to these guidelines helps maintain a cohesive structure across all digital content, ensuring clarity and precision in design.

The Grid

The spacing grid, predefined in the theme, operates on an 8px increment system. This means that all spacing values, such as margins and padding, are based on multiples of 8 pixels.

Block Spacing

Blocks added inside a group block will automatically receive a default spacing of 32px between them. This default spacing ensures consistent layout and visual separation of elements within the group. However, you have the flexibility to customize this spacing to better suit your design needs. To adjust the spacing, simply modify the margin settings for the group block within the editor. This allows you to increase or decrease the spacing as required, providing greater control over the appearance and layout of your content.