Screenspo
AppsPatternsColorsMCP
Screenspo·App Store design, organized

built by starterlyst 💚

All apps
Warby Parker app icon
Shopping

Warby Parker

Warby Parker

View on App Store
4.9
295.5K ratings

Screenshot story

The story begins with an AI-powered personalized recommendation engine, followed by a browseable catalog of frames and contacts. It concludes by showcasing technical features like virtual try-on and pupillary distance measurement that facilitate a frictionless checkout.

iPhone gallery

The complete screenshot set

Select any frame to study its layout, content, and palette.

Explore by detail

Study the system behind the set

ColorsPalette and exact hex valuesOnboarding1 tagged frame
floating device

Design analysis

What makes this set work

Warby Blue#0066b3Deep Navy#0e2261Action Blue#1a53dbPure White#ffffffSky Blue#d1e5f5

Warby Parker uses a 'floating card' design strategy that provides a high-contrast container for their UI, making it pop against a consistent brand-blue background. This framework allows for visual continuity while jumping between disparate functional screens like AR try-on, product lists, and checkout. The copywriting follows a strict hierarchy: a bold title and a descriptive subtitle, occasionally using puns ('In the blink of an eye') to soften the medical nature of eyewear. Designers can learn from their use of a signature brand color to mask the busy-ness of real UI screenshots, creating a cohesive, premium-feeling gallery. By highlighting technical barriers (like PD measurement) as easy features, they proactively address consumer friction.

Keep exploring

More in Shopping

Shop App Store screenshot: listing design
Shop iconShop

Shopping

Etsy App Store screenshot: listing design
Etsy iconEtsy

Shopping

Best Buy App Store screenshot: listing design
Best Buy iconBest Buy

Shopping

IKEA App Store screenshot: listing design
IKEA iconIKEA

Shopping