patterns / null

Page Layout

Overview

Having a consistent place for navigation and similar elements is one of the key nature of good UI design. These page layouts show guidelines for element positioning to support different use cases and include examples and details to stay consistent with other pages.

Use Cases

Use Case
Option(s)
When adding a large data set to a page
When adding a small data set that is primarily visual
Configuration of features

Table Page

A table is one of the most complex objects that can live on a page. It can have infinite combinations of features which makes putting it in a page with consistency challenging. Below are our guidelines to achieve consistency for page with a table.

Default

Commonly used layout for most pages that contains table.

Wide

Used when table requires additional space on the page.