App Clip card with Open button spec

App Clip card with Open button spec, minimal, light-mode, light

Preview image. Unlock full-res

A faded App Clip card mockup centered on light gray with a single redline callout dimensioning the blue Open button.

Palette
#ECEDEE
#0A84FF
#FFFFFF

Summary

A light, technical slide showing an App Clip UI card rendered mostly in faint placeholder gray, with one bright blue Open button singled out by a thin pink redline that prints its exact size and coordinates.

Visual description

On a pale gray field a soft rounded panel holds an App Clip card whose contents (a dark circular close button top-right, a "Clip Name" label, two lines of description, a hairline divider, and a "Powered by" chip) are shown washed out to near-transparency. The only fully opaque element is a saturated blue pill button reading "Open", which carries a pink selection outline and a leader line out to the right labeled "Open Button / 98x46 / (233, 166)". The treatment isolates one measured component against a deliberately muted context.

Key takeaway

Fading the entire UI except the one element under discussion, then dimensioning it with a single clean redline, is a precise way to direct attention in a product or design-system slide. The pink callout against gray reads instantly.

Reuse notes

Good for design-tooling, design-system, or developer pitch decks that need to show a tool inspecting or measuring real UI. Works best as one of a short sequence where each slide highlights a different measured element. Depends on a recognizable reference UI to anchor the redline.

From this deck: App Clip card with Open button spec

View deck

More like this