Grid and spacing
Grid and spacing guidelines govern the visual rhythm of the interface. Consistent spatial decisions make the UI easier to scan and reduce cognitive load.
Content implications
- Short labels and values work best in tight grid contexts. Avoid wrapping text in narrow columns.
- When content must appear in a constrained space, abbreviate predictably or truncate with a tooltip.
- Do not force content into a fixed width by using non-breaking spaces or artificial line breaks.
Density considerations
- Default density is appropriate for most catalog views.
- Compact density is appropriate for power users working with large datasets where row count matters.
- Do not vary density within the same table or list view.