Page header
A page header defines the top of a page.
When to use
- The top of any page that has a title, which is most of them.
- A page with actions that belong to the whole page rather than to one part of it.
- A page inside a hierarchy, where the trail belongs above the title.
When not to use
- A section within a page. That is a heading.
- A modal or a drawer, which have their own titles.
- A page with no title, which usually means the page has no subject.
Guidance
Do
Billing queue
Name the page for its subject and keep the actions to the ones that belong to the whole page, with one primary.
Don't
Billing queue
Do not make everything primary. Three primary buttons is the same as none, because nothing stands out from the others.
Content
What to write, and what to leave out.
- Title the page with its subject, matching what the navigation calls it.
- One primary action at most.
- Actions say what they do, so New conversation rather than Create.