Names the screen and holds the way back, plus up to two screen-wide actions.
Platforms Phone · TabletGroup NavigationUpdated 26 Oct 2026
When to use
Every list, form and settings screen that is not a record detail.
The screen needs a way back or a way to close.
When not to use
If people need to
Use
Show one record with its owner
Record header
Move between the main parts of a module
Bottom navigation
Title a bottom sheet
Bottom sheet
Anatomy
arrow_backTitlesearchmore_vert
Back or close · optional; back for drill-in screens, close for forms
Title · required, one line
Action icon · optional, up to two
More icon · optional, opens the menu
Variants
Variant
Purpose
Figma
Back
Drill-in screens
Designed
Back and actions
Screens with search or a menu of screen-wide actions
Designed
Close
Forms that open on top of a list
Designed
Title only
The first screen of a module
Designed
With site switch
Screens whose whole content belongs to one site: the site name and a chevron sit on the right
Temporary rule
States
State
When
What changes
Figma
Default
Always
As specified
Designed
Icon pressed
Finger is down on an icon
A 10% black circle behind the icon
Temporary rule
Behaviour
Stays at the top while the page scrolls.
Back returns to the previous screen; Close leaves the form.
A long title cuts off with "…" on one line; it never wraps.
A screen-wide choice, such as the site, sits on the right of the top bar as the site name with a chevron. Tapping it opens the choices as a bottom sheet with filled radios; choosing one reloads the screen for that site.
Phone and tablet
Phone
Tablet
Height
72
72
Padding
26 top, 22 bottom, 16 sides
20 all round
Title
20 Medium, left
20 Medium, left
Content
Part
Rule
Title
The screen name in sentence case, two or three words: "New request", "Settings"
Avoid
Repeating the title in the page body; module names already shown on the home screen
Do and don't
arrow_backTitlemore_vert
DoKeep one or two icons on the right and put the rest in the menu.
arrow_backTitle of the scr…searchdownloadeditmore_vert
Don'tCrowd the bar with icons until the title is cut off.