App bars · Mobile app

App bars in Mobile app: 7 designs — Detail Page Bar · Greeting Bar with Account · Immersive Transparent Bar · Large Title Bar

Back, title and action — the title appears once the heading scrolls away

IntermediateCode Prompt

The greeting follows the clock, and the balance can be hidden

IntermediateCode Prompt

Transparent over the cover, gaining a surface once it scrolls past

The large title collapses into a compact one on scroll

Progress computed from the scrollable height, not from scroll position alone

IntermediateCode Prompt

Search lives in the bar, with a cancel button that appears on focus

IntermediateCode Prompt

A segment that swaps content and recomputes the visible total

Designs