App Features With Screens
Three mobile moments, each with a small phone frame and the why a phone copy.
Three mobile moments, each with a small phone frame and the why a phone copy.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
App Features With Screens walks three mobile moments. Each column holds a small drawn phone frame with a placeholder screen above a feature title and two sentences, and the lede sets the editorial line, not the desktop smaller, the moments where a phone is the right tool. That framing is the whole strategy of good companion apps.
The features are one array and the frames are the collection phone pattern at card scale. Drop real screenshots into the placeholder slots per feature when available, the 9 by 19 ratio is preserved.
Reach for this block as the body of an app page under app-hero-with-phone. Three features is the right depth for a companion app, an app page listing nine features is describing the desktop again. Each feature should name its interruption model, push, glance, page.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is approvals, glanceable numbers, and alerts. Other trios:
Tip: each feature should answer why the phone, a feature that works equally well at the desk belongs on a different page.