Multi-region layout
Coordinate navigation, active content and context in distinct regions when they must be seen together.
Open field notePage composition
Arrange main and supporting page regions. Separate from CSS multi-column text flow.
Search within: Page composition
3 field notes
| Concept | Features | Advantages | Limitations | Suitable situations | Combination conditions |
|---|---|---|---|---|---|
| Multi-region layout | Coordinate navigation, active content and context in distinct regions when they must be seen together. | References remain visible beside active work. | More regions divide attention and need an explicit small-screen order. | Choose it when context must remain visible beside work. | Use flat controls within regions and a single column on mobile. |
| Single-column layout | One vertical reading stream suits content whose next step should be unambiguous. | One stream makes the next reading step predictable. | Long pages require scrolling; a restrained line length helps keep the text manageable. | Choose it for sequential reading. | Combine with minimal styling and a restrained text line length. |
| Sidebar layout | A main region beside a narrower supporting region | Keep filters and results in view together | Stack regions when usable reading width is lost | Persistent navigation or filtering alongside content | The main region may contain a list or grid |