Content header

Usage

When to use

Use a content header in the following cases:

• To introduce the user to the current page.
• To show the page title.
• To provide core description of the page.

General construction

The content header consists of the following elements:

1. Page title

• The page title is short and descriptive. It reflects the content in just a few words.
• Most pages should have a page title. Starting pages or dashboards can be an exception.

2. Subline

• The subline is a secondary headline that elaborates the page title or contains meta information.
• The subline is located below the page title.
• The subline is optional.

3. Context

• Context can be the parent of a page, a classification of a page etc.

3. Secondary content actions

• Secondary content actions are related to the entire page. They are located in the top right corner of the content header.
• For more than four actions use a more menu. Show the main actions on the page and place the additional actions in the menu.

Options

The following content header options are available:

Minimal content header

Most pages need introduction and therefore should have a page title.

Content header with subline

Content header with context

A context can be the parent of the page.

Behavior

Placement

The content header is placed in the main region at the top of the page.

Do’s & Don’ts

• Show the most relevant content actions and use a more menu to pool the others.
• Don’t show more than four page actions in the content header.