Layout / The visual dictionary
Gutter.
The space separating adjacent columns or repeated content tracks.
Also calledcolumn gapgrid gap
01
UI illustrationSee it in context
Gap↔
Gap↔
02
What it is
The space separating adjacent columns or repeated content tracks. Keep the gap consistent so groups remain distinguishable without visual dividers.
When to use it
Use it between grid columns and repeated tiles.
Know the difference
A gutter separates neighboring tracks; margin surrounds an individual element.
03
Across platforms
WebiOSiPadOSAndroidmacOSWindowsLinuxwatchOSWear OStvOSAndroid TVvisionOS
Web · iOS · iPadOS · Android · macOS · Windows · Linux · watchOS · Wear OS · tvOS · Android TV · visionOS
Web gutters use gap values; native collection layouts expose inter-item and line spacing.
04
Go to the source
Primary documentation for the pattern and its platform conventions.