Briefle words · UI design
Gutter
Also called gap
The empty space between columns or items in a grid.
Say it to an AI
Template picker as a 3-column grid with a single consistent gutter, 14px, used for both column and row gaps. Every thumbnail the same size and aspect, labels directly under each, so proximity doesn't imply pairs that aren't there.
How an expert would brief the stronger version of “Template gallery”.
See it
Try it as a puzzle →New-presentation picker in a slide-deck editor.
Why: A uses one 14px gutter everywhere; B uses 7px, 18px and 20px.
Related words
Room 5 · Spacing & layout
Learn “Gutter” in a five-minute lesson