App Patterns

Page shown when a URL leads nowhere.

A bottom-up sheet showing a list of actions to choose from.

Top bar of a mobile app showing title and key actions.

Sign in with Face ID, Touch ID, or fingerprint.

A panel that slides up from the bottom of a mobile screen.

A row of related buttons fused into a single visual unit.

A tooltip overlay that highlights features for first-time users.

A menu that appears on right-click or long-press.

A bar asking the user to consent to cookies and tracking.

What the screen shows when something has gone wrong.

A round button anchored to a corner that hovers above content.

A flow for resetting a password the user cannot remember.

The first screen where a user signs into an app or site.

A friendly page shown while the site is down for updates.

An in-app list of recent notifications and updates.

What the app shows when the device has no internet connection.

The first-time experience that introduces a new user to the app.

A system dialog asking access to camera, location, or notifications.

Drag the page down from the top to reload its content.

A short message from an app that appears outside it.

Where users change preferences, account details, and app behavior.

A system menu listing apps and contacts to share content with.

A bottom bar with a quick message and optional action button.

Sign in using an existing Google, Apple, or Facebook account.

A FAB that expands into multiple action buttons when tapped.

A branded screen shown briefly when an app launches.

A button with a primary action and a chevron for related options.

Tappable circular previews that play full-screen vertical content.

A screen confirming an action finished successfully.

Swipe a list item left or right to reveal hidden actions.