Flexible Grid

Foundations | June 2026

The flexible grid is the structural backbone of our product interface. It provides a shared mathematical language for organizing complex information into a clear and predictable hierarchy.

Learn how to use the grid in the new design documentation, which includes an overview of the grid’s anatomy, 6 defined breakpoints, behavior for the fluid and fixed states, and usability guidance. Questions? Send us a message in the UI-UX Design channel in the IDS forum in Microsoft Teams.