Layout / The visual dictionary
Multi-column layout.
A composition that divides content into several vertical regions.
Also calledcolumnsthree-column layout
01
UI illustrationSee it in context
Design notes›
Project Atlas›
Team update›
02
What it is
A composition that divides content into several vertical regions. Give columns meaningful roles and adapt their width or stacking order as space changes.
When to use it
Use it when adjacent groups help people compare or navigate content.
Know the difference
Multiple columns need not share selection; a split view usually coordinates related panes.
03
Across platforms
WebiPadOSAndroidmacOSWindowsLinux
Web · iPadOS · Android · macOS · Windows · Linux
Column counts should respond to available window width rather than device names alone.
04
Go to the source
Primary documentation for the pattern and its platform conventions.