Templates
Page geometry without domain data. Each template shows where the regions sit on a wide screen and on a phone, and which classes build them. Pick one before adding components; one page may combine them.
Document
Top-to-bottom reading in full-width sections with a capped line length.
Parts
Page title, document bands, long text and section navigation.
Use for
Reports, guides and other material people read from top to bottom.
Data view
Tables, charts and value comparisons get the available width.
Parts
Workspace header, filters, a table or chart, pagination and states.
Use for
Dashboards, registers and analytics breakdowns. Live: the showcase and the filtered table.
Work view
The main interactive area and its related details start on the first screen.
Parts
Workspace header, main panel, details and local actions.
Use for
Queues, editors and tools with repeated actions. Live: list and details.