Page Title
Breadcrumbs
Page Actions
Status
Meta data
1. Breadcrumbs and Page Title
The breadcrumb bar with the page title should always be displayed in the the title bar. If there are not breadcrumbs, then just the page title will be shown.
2. Meta Data
Meta data should display short, concise pieces of data. It shouldn't display long pieces of data and it shouldn't display an excessive amount of data.
3. Page Actions
Page actions should be used to trigger page -wide functionality. Page actions shouldn't be used to trigger functionality that is specific to a section within the page.
4. Page Actions States
If a page action opens an additional view within the page, then the button should remain in a pressed state.
Page Titles
Page titles should be descriptive and short. Do not include articles like “the” or “a”. Each page title should be unique to make it easy for people to tell each page apart.
Breadcrumbs
Breadcrumb items should ideally match the title of the corresponding page while being as short as possible. Shortening breadcrumb items to eliminate truncation or reduce repetition is okay as long as it’s still easy to understand what the page is.
Meta Data
Meta data items should display short, concise pieces of data. They shouldn't display long pieces of data or an excessive amount of information.
Page Actions
Page action labels should be one word most of the time, or two if absolutely necessary.
Related Components
Additional Reading
Breadcrumbs: 11 Design Guidelines for Desktop and Mobile https://www.nngroup.com/articles/breadcrumbs/
Breadcrumbs For Web Sites: What, When and How https://uxplanet.org/breadcrumbs-for-web-sites-what-when-and-how-9273dacf1960