Layout / The visual dictionary
Content area.
The main region where a screen's primary information or work appears.
Also calledmain areacanvas area
01
UI illustrationSee it in context
Main content
02
What it is
The main region where a screen's primary information or work appears. Give the main task visual priority and separate it clearly from supporting controls.
When to use it
Use one primary content area to anchor the page's reading order.
Know the difference
Content area is the work region; chrome consists of controls surrounding it.
03
Across platforms
WebiOSiPadOSAndroidmacOSWindowsLinuxwatchOSWear OStvOSAndroid TVvisionOS
Web · iOS · iPadOS · Android · macOS · Windows · Linux · watchOS · Wear OS · tvOS · Android TV · visionOS
Web pages should identify the main landmark; native apps use the primary content view within their navigation structure.
04
Go to the source
Primary documentation for the pattern and its platform conventions.