Small Desktop

Perfect for straightforward compositions like lists or filters, this layout is particularly well-suited when there is no need for complex components and the design revolves around a single column.

Medium Desktop

This option provides additional space, enabling designers to incorporate more complex components or accommodate longer blocks of text. It is a suitable choice when the smaller option compresses the information excessively and makes it challenging to read.

As much as possible, we aim to arrange the content in a single column, while also allowing some flexibility to stack specific elements horizontally, like short input fields in forms. This approach maintains a clear and organized layout while offering room for necessary variations.

Large Desktop

On certain occasions, the content to be displayed within the side panel may demand a significant number of pixels to ensure proper design composition. For such situations, we have this option available to make the most of the screen space.

However, it's essential to exercise caution and pay special attention to the grid when using this structure. Ensuring a balanced layout is crucial to prevent overwhelming the user with excessive cognitive load. Given the substantial increase in interaction space and the addition of numerous elements in this larger side panel, clear guidance is vital for decision-making actions and maintaining a coherent reading direction.